All changes

frontend/src/components/ui/MobileMenu.tsx

@@ -1,4 +1,5 @@
 import type { Page } from './Header';
+import { PAGE_PATHS } from './Header';
 import type { AuthUser } from '../../hooks/useAuth';
 import { DownloadIcon } from './icons/DownloadIcon';
 import { BookmarkIcon } from './icons/BookmarkIcon';
@@ -45,20 +46,23 @@ export default function MobileMenu({
   copied,
 }: MobileMenuProps) {
   const mobileNavItem = (page: Page, label: string) => (
-    <button
+    <a
       key={page}
-      className={`w-full text-left px-4 py-3 text-base font-medium rounded ${
+      href={PAGE_PATHS[page]}
+      className={`block w-full text-left px-4 py-3 text-base font-medium rounded ${
         activePage === page
           ? 'bg-navy-700 text-white'
           : 'text-warm-300 hover:bg-navy-800 hover:text-white'
       }`}
-      onClick={() => {
+      onClick={(e) => {
+        if (e.metaKey || e.ctrlKey || e.shiftKey || e.button !== 0) return;
+        e.preventDefault();
         onPageChange(page);
         onClose();
       }}
     >
       {label}
-    </button>
+    </a>
   );
 
   return (
@@ -82,6 +86,8 @@ export default function MobileMenu({
           {mobileNavItem('dashboard', 'Dashboard')}
           {mobileNavItem('learn', 'Learn')}
           {user?.subscription !== 'licensed' && !user?.isAdmin && mobileNavItem('pricing', 'Pricing')}
+          {user && mobileNavItem('saved', 'Saved')}
+          {user && mobileNavItem('invites', 'Invite')}
           {user && mobileNavItem('account', 'Account')}
 
           {/* Dashboard actions */}