chore: preload nested deps

web/app/routes/_layout/_pages/_protected.tsx

@@ -2,12 +2,24 @@ import { createFileRoute, Outlet, redirect } from "@tanstack/react-router"
 
 export const Route = createFileRoute("/_layout/_pages/_protected")({
   beforeLoad: async ({ context, location }) => {
-    if (!context?.auth?.userId) {
+    // Add extra validation
+    if (!context || !context.auth) {
       throw redirect({
         to: "/sign-in/$",
         search: { redirect_url: location.pathname },
       })
     }
+
+    const auth = await context.auth
+
+    if (!auth?.userId) {
+      throw redirect({
+        to: "/sign-in/$",
+        search: { redirect_url: location.pathname },
+      })
+    }
+
+    return context
   },
   component: () => <Outlet />,
 })