fixed members login and permissions issues

src/apps/officer-web/Screens/Dashboard/Layout/Header/UserMenu.tsx

@@ -1,7 +1,7 @@
 import { Link } from 'react-router';
 import * as Dropdown from '@/components/ui/dropdown-menu';
 import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar';
-import { User, LogOut, Settings, Package, Sun, Moon } from 'lucide-react';
+import { User, Users, LogOut, Settings, Package, Sun, Moon } from 'lucide-react';
 import { useAuth } from 'hooks/useAuth';
 import { useTranslation } from '@/lib/i18n';
 import { useColorMode } from '@/components/ui/ThemeProvider';
@@ -16,6 +16,8 @@ export function UserMenu() {
   const { settings, saveSettings } = useSettings();
   if (isLoading) return null;
 
+  const isAdmin = user?.role !== 'Member';
+
   const toggleColorMode = () => {
     const next = colorMode === 'dark' ? 'light' : 'dark';
     setColorMode(next);
@@ -41,18 +43,30 @@ export function UserMenu() {
             {t('header.userMenu.profile')}
           </Link>
         </DropdownMenuItem>
-        <DropdownMenuItem asChild className="cursor-pointer">
-          <Link to="/settings/system">
-            <Settings className="mr-2 h-4 w-4" />
-            {t('header.userMenu.systemSettings')}
-          </Link>
-        </DropdownMenuItem>
-        <DropdownMenuItem asChild className="cursor-pointer">
-          <Link to="/settings/resources">
-            <Package className="mr-2 h-4 w-4" />
-            {t('header.userMenu.resources')}
-          </Link>
-        </DropdownMenuItem>
+        {isAdmin && (
+          <>
+            <DropdownMenuItem asChild className="cursor-pointer">
+              <Link to="/settings/system">
+                <Settings className="mr-2 h-4 w-4" />
+                {t('header.userMenu.systemSettings')}
+              </Link>
+            </DropdownMenuItem>
+            <DropdownMenuItem asChild className="cursor-pointer">
+              <Link to="/settings/resources">
+                <Package className="mr-2 h-4 w-4" />
+                {t('header.userMenu.resources')}
+              </Link>
+            </DropdownMenuItem>
+          </>
+        )}
+        {user?.role === 'Super Admin' && (
+          <DropdownMenuItem asChild className="cursor-pointer">
+            <Link to="/settings/users">
+              <Users className="mr-2 h-4 w-4" />
+              Users
+            </Link>
+          </DropdownMenuItem>
+        )}
         <DropdownMenuSeparator />
         <DropdownMenuItem onClick={toggleColorMode} className="cursor-pointer">
           {colorMode === 'dark' ? (