Basic navigation

frontend/src/main.tsx

@@ -12,18 +12,20 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
-import React from "react";
+import React, { lazy } from "react";
 import ReactDOM from "react-dom/client";
 import { RelayEnvironmentProvider } from "react-relay";
 
-import { App } from "./App";
+import LoadingScreen from "./components/LoadingScreen";
 import RelayEnvironment from "./RelayEnvironment";
 
+const Router = lazy(() => import("./Router"));
+
 ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render(
   <React.StrictMode>
     <RelayEnvironmentProvider environment={RelayEnvironment}>
-      <React.Suspense fallback={"Loading..."}>
-        <App />
+      <React.Suspense fallback={<LoadingScreen />}>
+        <Router />
       </React.Suspense>
     </RelayEnvironmentProvider>
   </React.StrictMode>