fix: process.env.NODE_ENV warning and create/refactor LoadingPage

src/ui/App.tsx

@@ -29,16 +29,10 @@ import { TabsRoutePath } from "../routes/paths";
 import { MobileHeaderPreview } from "./components/MobileHeaderPreview";
 import { CustomToast } from "./components/CustomToast/CustomToast";
 import { LockPage } from "./pages/LockPage/LockPage";
+import { LoadingPage } from "./pages/LoadingPage/LoadingPage";
 
 setupIonicReact();
 
-const LoadingPage = () => {
-  return (
-    <div className="loading-page">
-      <IonSpinner name="crescent" />
-    </div>
-  );
-};
 const App = () => {
   const stateCache = useAppSelector(getStateCache);
   const authentication = useAppSelector(getAuthentication);
@@ -123,7 +117,7 @@ const App = () => {
               {!authentication.loggedIn ? <LockPage /> : null}
             </>
           ) : (
-            LoadingPage()
+            <LoadingPage />
           )}
           <SetUserName
             isOpen={showSetUserName}

src/ui/pages/LoadingPage/LoadingPage.scss

@@ -0,0 +1,8 @@
+.loading-page {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100vh;
+  width: 100vw;
+  z-index: 2147483646;
+}

src/ui/pages/LoadingPage/LoadingPage.tsx

@@ -0,0 +1,12 @@
+import { IonSpinner } from "@ionic/react";
+import "./LoadingPage.scss";
+
+const LoadingPage = () => {
+  return (
+    <div className="loading-page">
+      <IonSpinner name="crescent" />
+    </div>
+  );
+};
+
+export { LoadingPage };

webpack/webpack.common.cjs

@@ -82,7 +82,6 @@ const config = {
     }),
     new webpack.DefinePlugin({
       VERSION: JSON.stringify(require("../package.json").version),
-      "process.env.NODE_ENV": JSON.stringify(process.env.NODE_ENV),
       "process.env": JSON.stringify(process.env)
     }),
     new webpack.ProvidePlugin({

webpack/webpack.dev.cjs

@@ -1,7 +1,8 @@
 let { merge } = require("webpack-merge");
+const webpack = require("webpack");
 
 module.exports = merge(require("./webpack.common.cjs"), {
-   mode: 'development',
+   mode: "development",
    module: {
       rules: [
          {
@@ -38,6 +39,8 @@ module.exports = merge(require("./webpack.common.cjs"), {
       },
    },
    plugins: [
-
+      new webpack.DefinePlugin({
+         "process.env.NODE_ENV": JSON.stringify("development"),
+      }),
    ]
 });