wip: migrate to desktop2

apps/desktop2/src/app.tsx

@@ -1,5 +1,6 @@
 import { ArkProvider } from "@lume/ark";
 import { StorageProvider } from "@lume/storage";
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { RouterProvider, createRouter } from "@tanstack/react-router";
 import React, { StrictMode } from "react";
 import ReactDOM from "react-dom/client";
@@ -10,30 +11,37 @@ import i18n from "./i18n";
 // Import the generated route tree
 import { routeTree } from "./tree.gen";
 
-// Create a new router instance
-const router = createRouter({ routeTree });
+const queryClient = new QueryClient();
+const router = createRouter({
+	routeTree,
+	context: {
+		queryClient,
+	},
+	defaultPreload: "intent",
+	defaultPreloadStaleTime: 0,
+});
 
-// Register the router instance for type safety
 declare module "@tanstack/react-router" {
 	interface Register {
 		router: typeof router;
 	}
 }
 
-// Render the app
 // biome-ignore lint/style/noNonNullAssertion: <explanation>
 const rootElement = document.getElementById("root")!;
 if (!rootElement.innerHTML) {
 	const root = ReactDOM.createRoot(rootElement);
 	root.render(
 		<I18nextProvider i18n={i18n} defaultNS={"translation"}>
-			<StorageProvider>
-				<ArkProvider>
-					<StrictMode>
-						<RouterProvider router={router} />
-					</StrictMode>
-				</ArkProvider>
-			</StorageProvider>
+			<QueryClientProvider client={queryClient}>
+				<StorageProvider>
+					<ArkProvider>
+						<StrictMode>
+							<RouterProvider router={router} />
+						</StrictMode>
+					</ArkProvider>
+				</StorageProvider>
+			</QueryClientProvider>
 		</I18nextProvider>,
 	);
 }