mobile: Optimizations for Maps Drawer, Legend, and Customer Profile Tabs

src/App.jsx

@@ -7,6 +7,7 @@ import Landing from './pages/Landing';
 import Dashboard from './pages/Dashboard';
 import Maps from './pages/Maps';
 import AdminSchedule from './pages/AdminSchedule';
+import CustomerProfile from './pages/CustomerProfile';
 import ErrorBoundary from './components/ErrorBoundary';
 import { Toaster } from 'sonner';
 import NotFound from './pages/NotFound';
@@ -40,6 +41,12 @@ function App() {
           <Route path="/login" element={<Login />} />
 
           {/* Protected Field Agent Routes */}
+          <Route path="/portal/profile" element={
+            <ProtectedRoute allowedRoles={['CUSTOMER']}>
+              <CustomerProfile />
+            </ProtectedRoute>
+          } />
+
           <Route
             path="/emp/fa/dashboard"
             element={