Move Profile to own page, add Profile menu item in TopBar user menu

frontend/src/components/layout/TopBar.tsx

@@ -159,6 +159,13 @@ export function TopBar() {
                 <p className="text-sm font-medium text-secondary-900 truncate">{fullName}</p>
                 <p className="text-xs text-secondary-500 truncate">{user?.email}</p>
               </div>
+              <button
+                onClick={() => { setUserMenuOpen(false); navigate('/profile'); }}
+                className="w-full text-left px-3 py-2 text-sm hover:bg-secondary-50 min-h-touch focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500"
+                role="menuitem"
+              >
+                {t('topbar.profile')}
+              </button>
               <button
                 onClick={() => { setUserMenuOpen(false); navigate('/settings'); }}
                 className="w-full text-left px-3 py-2 text-sm hover:bg-secondary-50 min-h-touch focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500"

frontend/src/pages/Settings.tsx

@@ -6,7 +6,6 @@ export function SettingsPage() {
   const { t } = useTranslation();
 
   const navItems = [
-    { to: '/settings/profile', label: t('settings.profile'), icon: '\ud83d\udc64' },
     { to: '/settings/system', label: t('systemSettings.title'), icon: '\u2699\ufe0f' },
     { to: '/settings/roles', label: t('settings.roles'), icon: '\ud83d\udd11' },
     { to: '/settings/users', label: t('settings.users'), icon: '\ud83d\udc65' },

frontend/src/routes/index.tsx

@@ -62,11 +62,11 @@ const router = createBrowserRouter([
       { path: '/mail', element: <MailPage /> },
       { path: '/mail/settings', element: <MailSettingsPage /> },
       { path: '/ai-assistant', element: <AIAssistantPage /> },
+      { path: '/profile', element: <SettingsProfilePage /> },
       {
         path: '/settings',
         element: <SettingsPage />,
         children: [
-          { path: 'profile', element: <SettingsProfilePage /> },
           { path: 'roles', element: <SettingsRolesPage /> },
           { path: 'users', element: <SettingsUsersPage /> },
           { path: 'groups', element: <SettingsGroupsPage /> },