updates on the zone selector for the specific login

src/App.jsx

@@ -6,6 +6,7 @@ import { queryClientInstance } from '@/lib/query-client';
 import { Navigate, BrowserRouter as Router, Route, Routes } from 'react-router-dom';
 import PageNotFound from './lib/PageNotFound';
 import { AuthProvider, useAuth } from '@/lib/AuthContext';
+import { ZoneProvider } from '@/lib/ZoneContext';
 import ScrollToTop from './components/ScrollToTop';
 import ProtectedRoute from '@/components/ProtectedRoute';
 import AdminLayout from '@/layouts/AdminLayout';
@@ -131,15 +132,17 @@ function App() {
   return (
     <AuthProvider>
       <QueryClientProvider client={queryClientInstance}>
-        <Router>
-          <ScrollToTop />
-          <AuthenticatedApp />
-        </Router>
-        <Toaster />
-        {/* The design system's `toast` helper wraps react-hot-toast, which needs
-            its own renderer mounted. Without this every toast in the app fires
-            into nothing — including the data layer's failure notices. */}
-        <HotToaster position="bottom-right" />
+        <ZoneProvider>
+          <Router>
+            <ScrollToTop />
+            <AuthenticatedApp />
+          </Router>
+          <Toaster />
+          {/* The design system's `toast` helper wraps react-hot-toast, which needs
+              its own renderer mounted. Without this every toast in the app fires
+              into nothing — including the data layer's failure notices. */}
+          <HotToaster position="bottom-right" />
+        </ZoneProvider>
       </QueryClientProvider>
     </AuthProvider>
   );