fix(unit-3): Add settings/profile routes, move profile to UserMenu

- Add /settings (Owner only) and /profile routes under authenticatedRoute
  so sidebar stays visible and layout is preserved
- Create SettingsPage and ProfilePage placeholder components (coming soon)
- Remove Profile nav item from Sidebar — profile now accessible via UserMenu
- Add Profile link to UserMenu dropdown above logout
- Update Sidebar tests to reflect profile-free nav

Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>

frontend/src/components/layout/Sidebar.test.tsx

@@ -21,34 +21,34 @@ function mockAuthenticatedAs(role: 'Owner' | 'Administrator' | 'User') {
 }
 
 describe('Sidebar role filtering (BR-U3-01 – BR-U3-06)', () => {
-    it('Owner sees all nav items', async () => {
+    it('Owner sees Dashboard, Users, Settings, CMS', async () => {
         mockAuthenticatedAs('Owner');
         renderApp('/dashboard');
         expect(await screen.findByTestId('nav-dashboard')).toBeInTheDocument();
         expect(screen.getByTestId('nav-users')).toBeInTheDocument();
         expect(screen.getByTestId('nav-settings')).toBeInTheDocument();
         expect(screen.getByTestId('nav-cms')).toBeInTheDocument();
-        expect(screen.getByTestId('nav-profile')).toBeInTheDocument();
+        expect(screen.queryByTestId('nav-profile')).not.toBeInTheDocument();
     });
 
-    it('Administrator sees Dashboard, Users, Profile — not Settings or CMS', async () => {
+    it('Administrator sees Dashboard and Users — not Settings or CMS', async () => {
         mockAuthenticatedAs('Administrator');
         renderApp('/dashboard');
         expect(await screen.findByTestId('nav-dashboard')).toBeInTheDocument();
         expect(screen.getByTestId('nav-users')).toBeInTheDocument();
-        expect(screen.getByTestId('nav-profile')).toBeInTheDocument();
         expect(screen.queryByTestId('nav-settings')).not.toBeInTheDocument();
         expect(screen.queryByTestId('nav-cms')).not.toBeInTheDocument();
+        expect(screen.queryByTestId('nav-profile')).not.toBeInTheDocument();
     });
 
-    it('User sees Dashboard and Profile only', async () => {
+    it('User sees Dashboard only', async () => {
         mockAuthenticatedAs('User');
         renderApp('/dashboard');
         expect(await screen.findByTestId('nav-dashboard')).toBeInTheDocument();
-        expect(screen.getByTestId('nav-profile')).toBeInTheDocument();
         expect(screen.queryByTestId('nav-users')).not.toBeInTheDocument();
         expect(screen.queryByTestId('nav-settings')).not.toBeInTheDocument();
         expect(screen.queryByTestId('nav-cms')).not.toBeInTheDocument();
+        expect(screen.queryByTestId('nav-profile')).not.toBeInTheDocument();
     });
 });
 

frontend/src/components/layout/Sidebar.tsx

@@ -1,6 +1,6 @@
 import { Link } from '@tanstack/react-router';
 import { useTranslation } from 'react-i18next';
-import { LayoutDashboard, Users, FileText, Settings, User, X } from 'lucide-react';
+import { LayoutDashboard, Users, FileText, Settings, X } from 'lucide-react';
 import type { LucideIcon } from 'lucide-react';
 import { cn } from '@/lib/utils';
 import { useAuth } from '@/contexts/auth-context';
@@ -23,7 +23,6 @@ const NAV_ITEMS: NavItem[] = [
     { to: '/users', labelKey: 'nav.users', icon: Users, testId: 'nav-users', roles: ['Owner', 'Administrator'] },
     { to: '/settings', labelKey: 'nav.settings', icon: Settings, testId: 'nav-settings', roles: ['Owner'] },
     { to: '/cms', labelKey: 'nav.cms', icon: FileText, testId: 'nav-cms', roles: ['Owner'] },
-    { to: '/profile', labelKey: 'nav.profile', icon: User, testId: 'nav-profile' },
 ];
 
 interface SidebarProps {

frontend/src/components/layout/UserMenu.tsx

@@ -1,6 +1,7 @@
 import { useNavigate } from '@tanstack/react-router';
 import { useTranslation } from 'react-i18next';
 import { LogOut, User as UserIcon } from 'lucide-react';
+import { Link } from '@tanstack/react-router';
 import { Button } from '@/components/ui/button';
 import {
     DropdownMenu,
@@ -46,6 +47,13 @@ export function UserMenu() {
                     </div>
                 </DropdownMenuLabel>
                 <DropdownMenuSeparator />
+                <DropdownMenuItem asChild>
+                    <Link to="/profile" data-testid="user-menu-profile">
+                        <UserIcon />
+                        {t('nav.profile')}
+                    </Link>
+                </DropdownMenuItem>
+                <DropdownMenuSeparator />
                 <DropdownMenuItem
                     onSelect={() => {
                         void handleLogout();