refactor(sidebar): reorder workspace navigation items

src/components/Sidebar.tsx

@@ -24,43 +24,43 @@ export const Sidebar = ({ mobileOpen = false, onMobileClose }: SidebarProps) =>
   const [isCollapsed, setIsCollapsed] = useState(false);
   
   const { t, lang } = useTranslation();
-  const isRtl = lang === 'fa';
-
-  const ToggleIcon = isRtl
-    ? (isCollapsed ? PanelRightOpen : PanelRightClose)
-    : (isCollapsed ? PanelLeftOpen : PanelLeftClose);
-
+  const isRtl = lang === 'fa';
+
+  const ToggleIcon = isRtl
+    ? (isCollapsed ? PanelRightOpen : PanelRightClose)
+    : (isCollapsed ? PanelLeftOpen : PanelLeftClose);
+
   const navItems = [
     {
       path: '/timesheet',
       icon: Clock3,
       label: t.sidebar?.timesheet || 'Timesheet'
     },
-    {
-      path: '/reports',
-      icon: ChartColumn,
-      label: t.sidebar?.reports || 'Reports'
-    },
     {
       path: '/tags',
       icon: Tags,
       label: t.sidebar?.tags || 'Tags'
     },
+    { 
+      path: '/clients', 
+      icon: Users, 
+      label: t.sidebar?.clients || 'Clients' 
+    },
+    { 
+      path: '/projects', 
+      icon: Briefcase, 
+      label: t.sidebar?.projects || 'Projects' 
+    },
     { 
       path: '/workspaces', 
       icon: LayoutDashboard, 
-      label: t.sidebar?.workspaces || 'Workspaces' 
-    },
-    { 
-      path: '/clients', 
-      icon: Users, 
-      label: t.sidebar?.clients || 'Clients' 
-    },
-    { 
-      path: '/projects', 
-      icon: Briefcase, 
-      label: t.sidebar?.projects || 'Projects' 
-    },
+      label: t.sidebar?.workspaces || 'Workspaces' 
+    },
+    {
+      path: '/reports',
+      icon: ChartColumn,
+      label: t.sidebar?.reports || 'Reports'
+    },
   ];
 
   const renderNavItems = (mobile = false) =>