Make Safari bars match theme background on iPhone

- Add viewport-fit=cover so theme-color extends into safe areas
- Add apple-mobile-web-app-capable and black-translucent status bar style
- The theme-color meta tag in app.vue already reactively updates per theme

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

Author: phareim

nuxt.config.ts

@@ -10,7 +10,9 @@ export default defineNuxtConfig({
   app: {
     head: {
       meta: [
-        { name: 'viewport', content: 'width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' }
+        { name: 'viewport', content: 'width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover' },
+        { name: 'apple-mobile-web-app-capable', content: 'yes' },
+        { name: 'apple-mobile-web-app-status-bar-style', content: 'black-translucent' }
       ],
       link: [
         { rel: 'preconnect', href: 'https://fonts.googleapis.com' },