feat: implement core platform features including business directory, admin dashboard, authentication, and API infrastructure

admin/src/components/Sidebar.tsx

@@ -11,7 +11,10 @@ import {
   ShieldCheck,
   BarChart3,
   Flag,
-  Settings
+  CreditCard,
+  Settings,
+  Globe,
+  FileText
 } from 'lucide-react';
 
 const menuItems = [
@@ -22,11 +25,22 @@ const menuItems = [
   { name: 'Commentaires', icon: MessageSquare, href: '/comments' },
   { name: 'Modération', icon: Flag, href: '/moderation' },
   { name: 'Blog & Interviews', icon: BookOpen, href: '/blog' },
+  { name: 'Tarifs & Plans', icon: CreditCard, href: '/plans' },
+  { name: 'Pays', icon: Globe, href: '/countries' },
+  { name: 'Documents Légaux', icon: FileText, href: '/legal' },
   { name: 'Configuration', icon: Settings, href: '/settings' },
 ];
 
+import { useState, useEffect } from 'react';
+import { getPendingVerificationCount } from '@/app/actions/business';
+
 export default function Sidebar() {
   const pathname = usePathname();
+  const [pendingCount, setPendingCount] = useState(0);
+
+  useEffect(() => {
+    getPendingVerificationCount().then(setPendingCount);
+  }, [pathname]); // Refresh on navigation
 
   return (
     <div className="admin-sidebar p-6 flex flex-col">
@@ -44,10 +58,18 @@ export default function Sidebar() {
             <Link 
               key={item.name} 
               href={item.href}
-              className={`nav-link ${isActive ? 'active' : ''}`}
+              className={`nav-link ${isActive ? 'active' : ''} flex items-center justify-between group`}
             >
-              <item.icon className="w-5 h-5 mr-3" />
-              <span>{item.name}</span>
+              <div className="flex items-center">
+                <item.icon className="w-5 h-5 mr-3" />
+                <span>{item.name}</span>
+              </div>
+              
+              {item.name === 'Entrepreneurs' && pendingCount > 0 && (
+                <span className="bg-red-500 text-white text-[10px] font-bold px-1.5 py-0.5 rounded-full min-w-[18px] text-center shadow-lg group-hover:scale-110 transition-transform">
+                  {pendingCount}
+                </span>
+              )}
             </Link>
           );
         })}