feat: implement comprehensive admin CRUD interfaces for swap stations, users, merchants, and roles with sidebar navigation updates

src/app/admin/bikers/[id]/page.tsx

@@ -140,6 +140,13 @@ const statusColors: Record<string, string> = {
   blocked: 'bg-red-100 text-red-700',
 };
 
+const statusLabels: Record<string, string> = {
+  active: 'Active',
+  pending: 'Pending',
+  inactive: 'Inactive',
+  blocked: 'Blocked',
+};
+
 const kycColors: Record<string, string> = {
   verified: 'bg-green-100 text-green-700',
   pending: 'bg-amber-100 text-amber-700',
@@ -228,7 +235,7 @@ export default function BikerDetailPage({ params }: PageProps) {
                 {biker.status === 'active' && <Activity className="w-3 h-3" />}
                 {biker.status === 'pending' && <Clock className="w-3 h-3" />}
                 {biker.status === 'blocked' && <Ban className="w-3 h-3" />}
-                {biker.status}
+                {statusLabels[biker.status] || biker.status}
               </span>
             </div>
             <p className="text-sm text-slate-500">ID: {biker.id} • {biker.location}</p>