feat: Centralize Auth Modal and require auth for actions

src/App.tsx

@@ -7,6 +7,7 @@ import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
 import { BrowserRouter, Routes, Route } from "react-router-dom";
 import { AuthProvider } from "@/hooks/useAuth";
 import { LocationAutoDetectProvider } from "@/components/providers/LocationAutoDetectProvider";
+import { AuthModalProvider } from "@/contexts/AuthModalContext";
 import { Footer } from "@/components/layout/Footer";
 import Index from "./pages/Index";
 import Parks from "./pages/Parks";
@@ -127,7 +128,9 @@ function AppContent() {
 const App = () => (
   <QueryClientProvider client={queryClient}>
     <AuthProvider>
-      <AppContent />
+      <AuthModalProvider>
+        <AppContent />
+      </AuthModalProvider>
     </AuthProvider>
     {import.meta.env.DEV && (
       <ReactQueryDevtools