update

Frontend/src/shared/components/Header.tsx

@@ -12,6 +12,7 @@ import {
   Calendar,
   Star,
   Users,
+  AlertCircle,
 } from 'lucide-react';
 import { useClickOutside } from '../hooks/useClickOutside';
 import { useCompanySettings } from '../contexts/CompanySettingsContext';
@@ -196,6 +197,21 @@ const Header: React.FC<HeaderProps> = ({
                 <Users className="w-4 h-4" />
                 <span>Group Bookings</span>
               </Link>
+              <Link
+                to="/complaints"
+                onClick={() => 
+                  setIsMobileMenuOpen(false)
+                }
+                className="flex items-center 
+                  space-x-2 px-4 py-3 text-white/90 
+                  hover:bg-[#d4af37]/10 hover:text-[#d4af37] 
+                  rounded-sm transition-all duration-300 
+                  border-l-2 border-transparent 
+                  hover:border-[#d4af37] font-light tracking-wide"
+              >
+                <AlertCircle className="w-4 h-4" />
+                <span>Complaints</span>
+              </Link>
             </>
           )}
           {userInfo?.role === 'admin' && (
@@ -461,6 +477,18 @@ const Header: React.FC<HeaderProps> = ({
                           <Users className="w-4 h-4" />
                           <span className="font-light tracking-wide">Group Bookings</span>
                         </Link>
+                        <Link
+                          to="/complaints"
+                          onClick={() => setIsUserMenuOpen(false)}
+                          className="flex items-center space-x-3 
+                            px-4 py-2.5 text-white/90 
+                            hover:bg-[#d4af37]/10 hover:text-[#d4af37] 
+                            transition-all duration-300 border-l-2 border-transparent 
+                            hover:border-[#d4af37]"
+                        >
+                          <AlertCircle className="w-4 h-4" />
+                          <span className="font-light tracking-wide">Complaints</span>
+                        </Link>
                       </>
                     )}
                     {userInfo?.role === 'admin' && (

Frontend/src/shared/components/SidebarAccountant.tsx

@@ -34,7 +34,7 @@ const SidebarAccountant: React.FC<SidebarAccountantProps> = ({
   const handleLogout = async () => {
     try {
       await logout();
-      navigate('/');
+      // Logout function will redirect to homepage
       if (isMobile) {
         setIsMobileOpen(false);
       }

Frontend/src/shared/components/SidebarAdmin.tsx

@@ -27,7 +27,10 @@ import {
   TrendingUp,
   Building2,
   Crown,
-  Star
+  Star,
+  AlertCircle,
+  FileCheck,
+  ClipboardCheck
 } from 'lucide-react';
 import useAuthStore from '../../store/useAuthStore';
 import { useResponsive } from '../../hooks';
@@ -62,7 +65,7 @@ const SidebarAdmin: React.FC<SidebarAdminProps> = ({
   const handleLogout = async () => {
     try {
       await logout();
-      navigate('/');
+      // Logout function will redirect to homepage
       if (isMobile) {
         setIsMobileOpen(false);
       }
@@ -149,6 +152,11 @@ const SidebarAdmin: React.FC<SidebarAdminProps> = ({
           icon: BarChart3, 
           label: 'Analytics' 
         },
+        { 
+          path: '/admin/financial-audit', 
+          icon: FileCheck, 
+          label: 'Financial Audit' 
+        },
       ]
     },
     {
@@ -175,6 +183,11 @@ const SidebarAdmin: React.FC<SidebarAdminProps> = ({
           icon: Award, 
           label: 'Loyalty Program' 
         },
+        { 
+          path: '/admin/complaints', 
+          icon: AlertCircle, 
+          label: 'Complaints' 
+        },
       ]
     },
     {
@@ -254,6 +267,11 @@ const SidebarAdmin: React.FC<SidebarAdminProps> = ({
           icon: Settings, 
           label: 'Settings' 
         },
+        { 
+          path: '/admin/compliance', 
+          icon: ClipboardCheck, 
+          label: 'Compliance' 
+        },
       ]
     },
   ];

Frontend/src/shared/components/SidebarStaff.tsx

@@ -41,7 +41,7 @@ const SidebarStaff: React.FC<SidebarStaffProps> = ({
   const handleLogout = async () => {
     try {
       await logout();
-      navigate('/');
+      // Logout function will redirect to homepage
       if (isMobile) {
         setIsMobileOpen(false);
       }