fix(app): keyboard resizes container, tab bar margin, HTTPS for PWA install

- Root container height now bound to visualViewport.height when keyboard
  is open — the whole layout shrinks instead of being pushed offscreen
- Tab bar gets 24px vertical margin (12px top + 12px bottom + safe area)
- Added @vitejs/plugin-basic-ssl for HTTPS dev server — required for PWA
  install on non-localhost origins (LAN IP access)
- Improved useVisualViewport to track fullHeight for accurate keyboard
  offset calculation across orientation changes

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

packages/app/package.json

@@ -38,9 +38,13 @@
   "devDependencies": {
     "@eslint/js": "^10.0.1",
     "@playwright/test": "^1.49.0",
+    "@storybook/addon-essentials": "^8.6.0",
+    "@storybook/vue3": "^8.6.0",
+    "@storybook/vue3-vite": "^8.6.0",
     "@tailwindcss/vite": "^4.2.1",
     "@types/leaflet": "^1.9.21",
     "@types/markdown-it": "^14.1.2",
+    "@vitejs/plugin-basic-ssl": "^2.1.4",
     "@vitejs/plugin-vue": "^6.0.4",
     "duck-duck-scrape": "^2.2.7",
     "eslint": "^10.0.2",
@@ -48,6 +52,7 @@
     "globals": "^17.4.0",
     "happy-dom": "^20.8.3",
     "rss-parser": "^3.13.0",
+    "storybook": "^8.6.0",
     "tailwindcss": "^4.2.1",
     "tsx": "^4.21.0",
     "typescript": "~5.8.0",
@@ -55,10 +60,6 @@
     "vite": "^7.3.1",
     "vite-plugin-pwa": "^1.2.0",
     "vitest": "^4.0.18",
-    "@storybook/addon-essentials": "^8.6.0",
-    "@storybook/vue3": "^8.6.0",
-    "@storybook/vue3-vite": "^8.6.0",
-    "storybook": "^8.6.0",
     "vue-eslint-parser": "^10.4.0",
     "vue-tsc": "^3.2.5"
   }