Fix jwt-token

management/src/components/Layout.jsx

@@ -1,5 +1,6 @@
 import React from 'react'
 import { Outlet, NavLink, useLocation } from 'react-router-dom'
+import { useTranslation } from 'react-i18next'
 import { useAuth } from '../contexts/AuthContext'
 import LanguageSelector from './common/LanguageSelector'
 import { 
@@ -11,14 +12,15 @@ import {
 } from '@heroicons/react/24/outline'
 
 const Layout = () => {
+  const { t } = useTranslation()
   const { user, logout } = useAuth()
   const location = useLocation()
 
   const navigation = [
-    { name: 'Dashboard', href: '/dashboard', icon: HomeIcon },
-    { name: 'Tenants', href: '/tenants', icon: BuildingOfficeIcon },
-    { name: 'Users', href: '/users', icon: UsersIcon },
-    { name: 'System', href: '/system', icon: CogIcon },
+    { name: t('navigation.dashboard'), href: '/dashboard', icon: HomeIcon },
+    { name: t('navigation.tenants'), href: '/tenants', icon: BuildingOfficeIcon },
+    { name: t('navigation.users'), href: '/users', icon: UsersIcon },
+    { name: t('navigation.system'), href: '/system', icon: CogIcon },
   ]
 
   return (
@@ -26,7 +28,7 @@ const Layout = () => {
       {/* Sidebar */}
       <div className="fixed inset-y-0 left-0 z-50 w-64 bg-white shadow-lg">
         <div className="flex h-16 items-center justify-center border-b border-gray-200">
-          <h1 className="text-xl font-bold text-gray-900">UAMILS Management</h1>
+          <h1 className="text-xl font-bold text-gray-900">{t('app.title')}</h1>
         </div>
         
         <nav className="mt-8 px-4 space-y-2">