update Riders UI layout, refine status chip styling, and remove API documentation file

src/pages/operations/RiderRoutes.jsx

@@ -548,14 +548,14 @@ export default function RiderRoutes() {
       )}
 
       {/* ── Analysis KPI strip ── */}
-      <Grid container spacing={2.5} mt={4} sx={{ mb: 2 }}>
+      <Grid container spacing={{ xs: 1.5, sm: 2 }} mt={4} sx={{ mb: 3 }}>
         {[
           { icon: GroupsOutlinedIcon, label: 'Active Milers', value: kpi.activeRiders, sub: `of ${riders.length}`, color: '#1A73E8', bg: '#E8F0FE' },
           { icon: modeCfg.icon, label: modeCfg.label, value: kpi.orders, sub: 'pickups covered', color: '#C01227', bg: alpha('#C01227', 0.1) },
           { icon: CheckCircleRoundedIcon, label: modeCfg.doneLabel, value: kpi.done, sub: `${kpi.fail} missed`, color: '#1E8E3E', bg: '#E6F4EA' },
           { icon: StraightenRoundedIcon, label: 'Distance', value: `${kpi.km} km`, sub: 'fleet total today', color: '#8E24AA', bg: '#F3E5F5' },
         ].map((k, i) => (
-          <Grid item xs={6} sm={6} md={3} key={i}><KpiCard {...k} /></Grid>
+          <Grid size={{ xs: 6, md: 3 }} key={i}><KpiCard {...k} /></Grid>
         ))}
       </Grid>