feat(timesheet): add tags management and responsive time tracking flows

src/components/Sidebar.tsx

@@ -1,14 +1,16 @@
 import { useState } from 'react';
 import { NavLink } from 'react-router-dom';
-import { 
-  Users, 
-  LayoutDashboard, 
-  PanelLeftClose, 
-  PanelLeftOpen, 
-  PanelRightClose, 
-  PanelRightOpen,
-  Briefcase,
-} from 'lucide-react';
+import { 
+  Users,
+  LayoutDashboard, 
+  PanelLeftClose, 
+  PanelLeftOpen, 
+  PanelRightClose, 
+  PanelRightOpen,
+  Briefcase,
+  Clock3,
+  Tags,
+} from 'lucide-react';
 import { useTranslation } from '../hooks/useTranslation';
 
 export const Sidebar = () => {
@@ -21,10 +23,20 @@ export const Sidebar = () => {
     ? (isCollapsed ? PanelRightOpen : PanelRightClose)
     : (isCollapsed ? PanelLeftOpen : PanelLeftClose);
 
-  const navItems = [
-    { 
-      path: '/workspaces', 
-      icon: LayoutDashboard, 
+  const navItems = [
+    {
+      path: '/timesheet',
+      icon: Clock3,
+      label: t.sidebar?.timesheet || 'Timesheet'
+    },
+    {
+      path: '/tags',
+      icon: Tags,
+      label: t.sidebar?.tags || 'Tags'
+    },
+    { 
+      path: '/workspaces', 
+      icon: LayoutDashboard, 
       label: t.sidebar?.workspaces || 'Workspaces' 
     },
     {