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

frontend/src/main.tsx

@@ -3,15 +3,29 @@ import ReactDOM from "react-dom/client";
 import "./index.css";
 import { RouterProvider, createRouter } from "@tanstack/react-router";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
-
 // Import the generated route tree
 import { routeTree } from "./routeTree.gen";
 
 // Create a client
-const queryClient = new QueryClient();
+const queryClient = new QueryClient({
+    defaultOptions: {
+        queries: {
+            staleTime: 1000 * 60 * 5,
+            retry: 0,
+            refetchOnWindowFocus: false,
+        },
+    },
+});
 
-// Create a new router instance
-const router = createRouter({ routeTree, basepath: "/lst/app" });
+const router = createRouter({
+    routeTree,
+    basepath: "/lst/app",
+    context: {
+        queryClient: {} as QueryClient,
+        //login: () => {},
+        //logout: () => {},
+    },
+});
 
 // Register the router instance for type safety
 declare module "@tanstack/react-router" {
@@ -20,10 +34,18 @@ declare module "@tanstack/react-router" {
     }
 }
 
+const App = () => {
+    return (
+        <>
+            <RouterProvider router={router} context={{ queryClient }} />
+        </>
+    );
+};
+
 ReactDOM.createRoot(document.getElementById("root")!).render(
     <StrictMode>
         <QueryClientProvider client={queryClient}>
-            <RouterProvider router={router} />
+            <App />
         </QueryClientProvider>
     </StrictMode>
 );