Fix jwt-token

client/src/pages/Settings.jsx

@@ -17,40 +17,6 @@ import {
 } from '@heroicons/react/24/outline';
 import { hasPermission, canAccessSettings } from '../utils/rbac';
 
-// Define tabs outside component to ensure stability
-const ALL_TABS = [
-  { 
-    id: 'general', 
-    name: 'General', 
-    icon: CogIcon,
-    permission: 'tenant.view'
-  },
-  { 
-    id: 'branding', 
-    name: 'Branding', 
-    icon: PaintBrushIcon,
-    permission: 'branding.view'
-  },
-  { 
-    id: 'security', 
-    name: 'Security', 
-    icon: ShieldCheckIcon,
-    permission: 'security.view'
-  },
-  { 
-    id: 'authentication', 
-    name: 'Authentication', 
-    icon: KeyIcon,
-    permission: 'auth.view'
-  },
-  { 
-    id: 'users', 
-    name: 'Users', 
-    icon: UserGroupIcon,
-    permission: 'users.view'
-  },
-];
-
 const Settings = () => {
   const { user } = useAuth();
   const { t } = useTranslation();
@@ -58,8 +24,8 @@ const Settings = () => {
   const [loading, setLoading] = useState(true);
   const [saving, setSaving] = useState(false);
   
-  // Define tabs with translations inside component
-  const ALL_TABS = [
+  // Define tabs with translations inside component after useTranslation hook
+  const allTabs = [
     { 
       id: 'general', 
       name: t('settings.general'), 
@@ -94,7 +60,7 @@ const Settings = () => {
   
   // Calculate available tabs
   const availableTabs = user?.role 
-    ? ALL_TABS.filter(tab => hasPermission(user.role, tab.permission))
+    ? allTabs.filter(tab => hasPermission(user.role, tab.permission))
     : [];
     
   // Set active tab - default to first available or general