updates on the api integration and the design changes on the whole website

src/pages/nearle/hubs/hubs.js

@@ -65,7 +65,10 @@ const emptyForm = {
   latitude: '',
   longitude: '',
   pincode: '',
-  status: 'active'
+  // Confirmed live: POST /admin/hubs rejects lowercase status ("active"
+  // fails, "Active" works) — Inactive was never confirmed to work even on
+  // create, so this only offers the confirmed-working value here.
+  status: 'Active'
 };
 
 const Hubs = () => {
@@ -138,7 +141,7 @@ const Hubs = () => {
       latitude: row.latitude ?? '',
       longitude: row.longitude ?? '',
       pincode: row.pincode || '',
-      status: row.status || 'active'
+      status: row.status || 'Active'
     });
     setDialogOpen(true);
   };
@@ -353,8 +356,8 @@ const Hubs = () => {
               <Stack spacing={1}>
                 <InputLabel>Status</InputLabel>
                 <Select fullWidth value={form.status} onChange={(e) => setForm((f) => ({ ...f, status: e.target.value }))}>
-                  <MenuItem value="active">Active</MenuItem>
-                  <MenuItem value="inactive">Inactive</MenuItem>
+                  <MenuItem value="Active">Active</MenuItem>
+                  <MenuItem value="Inactive">Inactive</MenuItem>
                 </Select>
               </Stack>
             </Grid>