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

src/components/Sidebar.tsx

@@ -32,10 +32,17 @@ const adminNavItems = [
   { label: 'Bikers', href: '/admin/bikers', icon: Users },
   { label: 'Investors', href: '/admin/investors', icon: Wallet },
   { label: 'Fleet Management', href: '/admin/fleet', icon: Bike },
+  { label: 'Merchants (P2)', href: '/admin/merchants', icon: Store },
+  { label: 'Swap Stations (P3)', href: '/admin/swap-stations', icon: Zap },
+
   { label: 'Damage & Maintenance', href: '/admin/maintenance', icon: Wrench },
   { label: 'Accounting', href: '/admin/accounting', icon: Calculator },
   { label: 'Hubs', href: '/admin/hub', icon: MapPin },
   { label: 'Reports', href: '/admin/reports', icon: BarChart3 },
+  { label: 'Users Management', href: '/admin/users', icon: Users },
+  { label: 'Roles & Permissions', href: '/admin/roles', icon: Shield },
+  { label: 'Settings', href: '/admin/settings', icon: Settings },
+
 ];
 
 const bikerNavItems = [
@@ -124,7 +131,7 @@ export default function Sidebar() {
         </nav>
 
         <div className="absolute bottom-0 left-0 right-0 p-3 border-t border-slate-100 bg-white">
-          <div className="flex items-center gap-3 px-3 py-2">
+          <Link href="/admin/users/USR-001" className="flex items-center gap-3 px-3 py-2 hover:bg-slate-50 rounded-lg -mx-1">
             <div className="w-8 h-8 rounded-full bg-accent-light flex items-center justify-center">
               <span className="text-sm font-bold text-accent">A</span>
             </div>
@@ -135,7 +142,7 @@ export default function Sidebar() {
             <button className="p-1.5 hover:bg-slate-100 rounded-lg">
               <LogOut className="w-4 h-4 text-slate-400" />
             </button>
-          </div>
+          </Link>
           <div className="mt-2 text-xs text-slate-400 text-center">
             <p>Phase 1 - Core EV Rental</p>
             <p className="mt-1">v1.0.0</p>