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 />