fix: prevent mobile viewport scaling, keyboard pushes content up

Add maximum-scale=1.0, user-scalable=no, interactive-widget=resizes-content
to viewport meta for proper mobile keyboard behavior.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

.claude/plans/reflective-meandering-castle.md

@@ -20,7 +20,7 @@ After getting Claude Max OAuth working on the live server, hardening the deploy
 - **Change**: On mobile (`md:hidden`), move close pill to bottom-center using `useMobileBackButton` composable. Hide top-right pill on mobile (`hidden md:flex`). Add a second close button at bottom that's thumb-reachable.
 - **Verify**: Mobile: close button at bottom (easy reach). Desktop: pill at top-right unchanged.
 
-### Task 3: Mobile viewport scaling fix
+### Task 3: Mobile viewport scaling fix [DONE]
 - **Files**: `neode-ui/index.html`
 - **Change**: Update viewport meta to: `width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover, interactive-widget=resizes-content`
 - **Verify**: On phone, keyboard pushes content up rather than scaling/shrinking the page

neode-ui/index.html

@@ -11,7 +11,7 @@
     <link rel="apple-touch-icon" sizes="180x180" href="/assets/icon/apple-touch-icon-180x180.png" />
     <link rel="apple-touch-icon" sizes="192x192" href="/assets/icon/pwa-192x192.png" />
     <link rel="apple-touch-icon" sizes="512x512" href="/assets/icon/pwa-512x512.png" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover, interactive-widget=resizes-content" />
     <meta name="description" content="Archipelago - Your sovereign personal server" />
     <meta name="theme-color" content="#000000" />
     <meta name="mobile-web-app-capable" content="yes" />