significant refactor

src/app/routes/_authed.tsx

@@ -1,18 +1,19 @@
 import { redirect, createFileRoute, Outlet } from "@tanstack/react-router";
 import Layout from "@/features/core/components/layout";
 import { useServerEvents } from "@/hooks/use-server-events";
+import { Loader } from "@mantine/core";
 
-export const Route = createFileRoute('/_authed')({
+export const Route = createFileRoute("/_authed")({
   beforeLoad: ({ context }) => {
     if (!context.auth?.user) {
-      throw redirect({ to: '/login' })
+      throw redirect({ to: "/login" });
     }
 
     return {
       auth: {
         ...context.auth,
-        user: context.auth.user
-      }
+        user: context.auth.user,
+      },
     };
   },
   component: () => {
@@ -21,6 +22,11 @@ export const Route = createFileRoute('/_authed')({
       <Layout>
         <Outlet />
       </Layout>
-    )
-  }
-})
+    );
+  },
+  pendingComponent: () => (
+    <Layout>
+      <Loader size="xl" />
+    </Layout>
+  ),
+});