Refactor: Split Sidebar.tsx into smaller components

Refactored the Sidebar component into smaller, more manageable files to improve code organization and maintainability.

Fix sidebar auto-expansion issue
Ensured the sidebar's collapsed state is maintained when navigating between pages.

application/src/pages/OperationalPage.tsx

@@ -1,15 +1,15 @@
 
-import React, { useState } from "react";
+import React from "react";
 import { Header } from "@/components/dashboard/Header";
 import { Sidebar } from "@/components/dashboard/Sidebar";
 import { OperationalPageContent } from '@/components/operational-page/OperationalPageContent';
 import { authService } from "@/services/authService";
 import { useNavigate } from "react-router-dom";
+import { useSidebar } from "@/contexts/SidebarContext";
 
 const OperationalPage = () => {
-  // State for sidebar collapse functionality
-  const [sidebarCollapsed, setSidebarCollapsed] = useState(false);
-  const toggleSidebar = () => setSidebarCollapsed(prev => !prev);
+  // Use shared sidebar state
+  const { sidebarCollapsed, toggleSidebar } = useSidebar();
 
   // Get current user
   const currentUser = authService.getCurrentUser();