Complete PWA implementation with custom icons

- Add PWA icons in multiple sizes (192px, 512px, maskable)
- Configure manifest.webmanifest with proper icon references
- Implement PWA install prompt with custom notification
- Add manual manifest route for development compatibility
- Update meta tags for iOS and Android PWA support
- Configure service worker with music and image caching
- Enable auto-updates and offline functionality

PWA now fully installable on all platforms with proper branding.

layouts/default.vue

@@ -9,10 +9,18 @@ useHead({
   title: 'RepoDructor - Music Player',
   meta: [
     { name: 'description', content: 'A beautiful glassmorphism music player for your local network' },
-    { name: 'viewport', content: 'width=device-width, initial-scale=1' }
+    { name: 'viewport', content: 'width=device-width, initial-scale=1' },
+    { name: 'theme-color', content: '#8b5cf6' },
+    { name: 'apple-mobile-web-app-capable', content: 'yes' },
+    { name: 'apple-mobile-web-app-status-bar-style', content: 'default' },
+    { name: 'apple-mobile-web-app-title', content: 'RepoDructor' }
   ],
   link: [
-    { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }
+    { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' },
+    { rel: 'icon', type: 'image/png', sizes: '192x192', href: '/logo-192.png' },
+    { rel: 'apple-touch-icon', sizes: '192x192', href: '/logo-192.png' },
+    { rel: 'apple-touch-icon', sizes: '512x512', href: '/logo-512.png' },
+    { rel: 'manifest', href: '/manifest.webmanifest' }
   ]
 })
 </script>