feat(auth): finally better auth working as i wanted it to

frontend/src/routes/__root.tsx

@@ -1,16 +1,32 @@
-import { createRootRoute, Link, Outlet } from "@tanstack/react-router";
+import { createRootRouteWithContext, Outlet } from "@tanstack/react-router";
 import { TanStackRouterDevtools } from "@tanstack/react-router-devtools";
+import type { QueryClient } from "@tanstack/react-query";
+import { Toaster } from "sonner";
+import { SessionGuard } from "../lib/providers/SessionProvider";
+import Nav from "../components/navBar/Nav";
 
-const RootLayout = () => (
-    <>
-        <nav className="flex gap-1">
-            <Link to="/">Home</Link>
-            {/* <Link to="/admin">Admin</Link> */}
-        </nav>
-        <hr></hr>
-        <Outlet />
-        <TanStackRouterDevtools />
-    </>
-);
+interface RootRouteContext {
+    queryClient: QueryClient;
+    //user: User | null;
+    //login: (user: User) => void;
+    //logout: () => void;
+}
 
-export const Route = createRootRoute({ component: RootLayout });
+const RootLayout = () => {
+    //const { logout, login } = Route.useRouteContext();
+
+    return (
+        <div>
+            <SessionGuard>
+                <Nav />
+                <Outlet />
+                <Toaster expand={true} richColors closeButton />
+                <TanStackRouterDevtools />
+            </SessionGuard>
+        </div>
+    );
+};
+
+export const Route = createRootRouteWithContext<RootRouteContext>()({
+    component: RootLayout,
+});