refactor(app): changed ways we get data so we can have better reasons why app no worky

frontend/src/main.tsx

@@ -3,6 +3,8 @@ import { StrictMode } from "react";
 import ReactDOM from "react-dom/client";
 import "./index.css";
 import { createRouter, RouterProvider } from "@tanstack/react-router";
+import NotFound from "./components/NotFound";
+import { setApiRouter } from "./lib/apiHelper";
 import socket from "./lib/socket.io";
 import { loadUmami } from "./lib/umami.utils";
 // Import the generated route tree
@@ -13,8 +15,9 @@ const queryClient = new QueryClient({
 	defaultOptions: {
 		queries: {
 			staleTime: 1000 * 60 * 5,
-			retry: 0,
+			retry: 2,
 			refetchOnWindowFocus: true,
+			retryDelay: (attempt) => Math.min(1000 * 2 ** attempt, 5000),
 		},
 	},
 });
@@ -27,8 +30,11 @@ const router = createRouter({
 	context: {
 		queryClient,
 	},
+	defaultNotFoundComponent: NotFound,
 });
 
+setApiRouter(router);
+
 // Register the router instance for type safety
 declare module "@tanstack/react-router" {
 	interface Register {