More fixes

frontend/src/components/ui/UserMenu.tsx

@@ -1,5 +1,7 @@
 import { useState, useRef, useEffect } from 'react';
 import type { AuthUser } from '../../hooks/useAuth';
+import type { Page } from './Header';
+import { PAGE_PATHS } from './Header';
 import { SunIcon } from './icons/SunIcon';
 import { MoonIcon } from './icons/MoonIcon';
 
@@ -8,11 +10,13 @@ export default function UserMenu({
   theme,
   onToggleTheme,
   onLogout,
+  onNavigate,
 }: {
   user: AuthUser;
   theme: 'light' | 'dark';
   onToggleTheme: () => void;
   onLogout: () => void;
+  onNavigate: (page: Page) => void;
 }) {
   const [open, setOpen] = useState(false);
   const menuRef = useRef<HTMLDivElement>(null);
@@ -72,8 +76,13 @@ export default function UserMenu({
               Theme: {theme === 'light' ? 'Light' : 'Dark'}
             </button>
             <a
-              href="/account"
-              onClick={() => setOpen(false)}
+              href={PAGE_PATHS.account}
+              onClick={(e) => {
+                if (e.metaKey || e.ctrlKey || e.shiftKey || e.button !== 0) return;
+                e.preventDefault();
+                setOpen(false);
+                onNavigate('account');
+              }}
               className="block w-full text-left px-3 py-2 text-sm text-warm-700 dark:text-warm-300 hover:bg-warm-50 dark:hover:bg-warm-700 rounded"
             >
               Account