Fix useEffect error in AuthProvider

src/App.tsx

@@ -5,7 +5,7 @@ import { TooltipProvider } from "@/components/ui/tooltip";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { BrowserRouter, Routes, Route } from "react-router-dom";
 import { AuthProvider } from "@/hooks/useAuth";
-import { useLocationAutoDetect } from "@/hooks/useLocationAutoDetect";
+import { LocationAutoDetectProvider } from "@/components/providers/LocationAutoDetectProvider";
 import { Footer } from "@/components/layout/Footer";
 import Index from "./pages/Index";
 import Parks from "./pages/Parks";
@@ -29,10 +29,9 @@ import AdminSettings from "./pages/AdminSettings";
 const queryClient = new QueryClient();
 
 function AppContent() {
-  useLocationAutoDetect();
-  
   return (
     <TooltipProvider>
+      <LocationAutoDetectProvider />
       <BrowserRouter>
           <Toaster />
           <Sonner />

src/components/providers/LocationAutoDetectProvider.tsx

@@ -0,0 +1,7 @@
+import { useEffect } from 'react';
+import { useLocationAutoDetect } from '@/hooks/useLocationAutoDetect';
+
+export function LocationAutoDetectProvider() {
+  useLocationAutoDetect();
+  return null; // This component doesn't render anything, just runs the hook
+}

src/main.tsx

@@ -5,7 +5,9 @@ import "./index.css";
 import { ThemeProvider } from "@/components/theme/ThemeProvider";
 
 createRoot(document.getElementById("root")!).render(
-  <ThemeProvider defaultTheme="dark" storageKey="thrillwiki-theme">
+  <React.StrictMode>
-    <App />
+    <ThemeProvider defaultTheme="dark" storageKey="thrillwiki-theme">
-  </ThemeProvider>
+      <App />
+    </ThemeProvider>
+  </React.StrictMode>
 );