Fix moderation queue refresh on tab switch

src/App.tsx

@@ -44,12 +44,20 @@ import BlogIndex from "./pages/BlogIndex";
 import BlogPost from "./pages/BlogPost";
 import AdminBlog from "./pages/AdminBlog";
 
-const queryClient = new QueryClient();
+const queryClient = new QueryClient({
+  defaultOptions: {
+    queries: {
+      refetchOnWindowFocus: false, // Don't refetch when switching back to tab
+      refetchOnMount: true,         // Still refetch on component mount
+      refetchOnReconnect: true,     // Refetch when internet reconnects
+      staleTime: 60000,             // Consider data fresh for 60 seconds
+    },
+  },
+});
 
 function AppContent() {
   return (
     <TooltipProvider>
-      <LocationAutoDetectProvider />
       <BrowserRouter
         future={{
           v7_startTransition: true,
@@ -110,6 +118,7 @@ function AppContent() {
 const App = () => (
   <QueryClientProvider client={queryClient}>
     <AuthProvider>
+      <LocationAutoDetectProvider />
       <AppContent />
     </AuthProvider>
   </QueryClientProvider>