update ui admin

src/pages/riders/Riders.jsx

@@ -20,7 +20,8 @@ import StatCard from '@/components/StatCard';
 import StatusChip from '@/components/StatusChip';
 import UserAvatar from '@/components/UserAvatar';
 import TabLabelCount from '@/components/TabLabelCount';
-import { riders, riderLogs, locations } from '@/data/mock';
+import { riders, riderLogs } from '@/data/mock';
+import { useFilters } from '@/store/Filters';
 import { inr } from '@/utils/format';
 
 const TABS = [
@@ -32,7 +33,7 @@ export default function Riders() {
   const navigate = useNavigate();
   const [tab, setTab] = useState(0);
   const [search, setSearch] = useState('');
-  const [location, setLocation] = useState('all');
+  const { location } = useFilters(); // global location — single source of truth
   const [page, setPage] = useState(0);
   const [rpp, setRpp] = useState(5);
   const [expanded, setExpanded] = useState(null);
@@ -72,10 +73,6 @@ export default function Riders() {
         breadcrumbs={[{ label: 'Riders' }]}
         action={
           <Stack direction={{ xs: 'column', sm: 'row' }} spacing={1.5} alignItems={{ sm: 'center' }}>
-            <TextField select size="small" value={location} onChange={(e) => setLocation(e.target.value)} sx={{ minWidth: 170 }} label="Location">
-              <MenuItem value="all">All Locations</MenuItem>
-              {locations.map((l) => <MenuItem key={l} value={l}>{l}</MenuItem>)}
-            </TextField>
             <Button variant="contained" startIcon={<AddIcon />} onClick={() => navigate('/riders/create')}>
               Add Rider
             </Button>