fix(components): improve components design and user experience

src/components/Sidebar.tsx

@@ -6,7 +6,8 @@ import {
   PanelLeftClose, 
   PanelLeftOpen, 
   PanelRightClose, 
-  PanelRightOpen 
+  PanelRightOpen,
+  Briefcase,
 } from 'lucide-react';
 import { useTranslation } from '../hooks/useTranslation';
 
@@ -31,6 +32,11 @@ export const Sidebar = () => {
       icon: Users, 
       label: t.sidebar?.clients || 'Clients' 
     },
+    { 
+      path: '/projects', 
+      icon: Briefcase, 
+      label: t.sidebar?.projects || 'Projects' 
+    },
   ];
 
   return (