feat: refactor database access in analyticsStore to use executeAll and executeGet for improved query handling

frontend/src/main.tsx

@@ -1,10 +1,24 @@
 import React from "react";
 import ReactDOM from "react-dom/client";
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import App from "./App";
 import "./styles.css";
 
+const queryClient = new QueryClient({
+  defaultOptions: {
+    queries: {
+      staleTime: 30_000, // data stays fresh for 30s — no refetch within this window
+      gcTime: 5 * 60_000, // keep unused data in cache for 5 minutes
+      refetchOnWindowFocus: false, // avoid spamming the API on tab switches
+      retry: 2,
+    },
+  },
+});
+
 ReactDOM.createRoot(document.getElementById("root")!).render(
   <React.StrictMode>
-    <App />
+    <QueryClientProvider client={queryClient}>
+      <App />
+    </QueryClientProvider>
   </React.StrictMode>
 );