feat: pending component (doesnt seem to fix the initial page load loa…

…ding view tho)

apps/forge/src/components/routing/Loading.tsx

@@ -0,0 +1,18 @@
+import Title from "@/components/title";
+import React from "react";
+import { Loader } from "@ui/components/ui/loader.tsx";
+
+export const Loading = () => {
+  return (
+    <React.Fragment>
+      <Title prompt="Loading..." />
+      <div className="flex items-center justify-center w-full min-h-[80vh] px-4">
+        <div className="grid items-center gap-4 text-center">
+          <div className="space-y-2">
+            <Loader />
+          </div>
+        </div>
+      </div>
+    </React.Fragment>
+  );
+};

apps/forge/src/routes/__root.tsx

@@ -6,6 +6,7 @@ import React, { Suspense } from "react";
 import { AuthContext } from "@/components/auth-provider";
 import { NotFound } from "@/components/routing/NotFound.tsx";
 import { GenericError } from "@/components/routing/GenericError.tsx";
+import { Loading } from "@/components/routing/Loading.tsx";
 
 const TanStackRouterDevtools =
   process.env.NODE_ENV === "production"
@@ -38,4 +39,5 @@ export const Route = createRootRouteWithContext<{
   component: RootComponent,
   notFoundComponent: NotFound,
   errorComponent: GenericError,
+  pendingComponent: Loading,
 });