fix: resolve PWA manifest icon paths and remove duplicate manifest link

- Fix icon paths to use /feedback-loop/ prefix in manifest
- Remove conflicting manifest link from index.html (PWA plugin auto-injects)
- Add mobile-web-app-capable meta tag for Android Chrome
- Ensure icons are properly included in PWA precache

All PWA features now working without console errors!

🤖 Generated with [Claude Code](https://claude.ai/code)

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

Author: ericdemers

index.html

@@ -6,14 +6,15 @@
     <link rel="icon" type="image/x-icon" href="/favicon.ico" />
     <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
     <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
-    <link rel="manifest" href="/site.webmanifest" />
+    <!-- Manifest is auto-generated by vite-plugin-pwa -->
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta name="theme-color" content="#5DADE2" />
     <meta name="description" content="Figure skating jump analyzer for technique improvement through video comparison and pose analysis." />
 
     <!-- PWA Meta Tags -->
     <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
     <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="mobile-web-app-capable" content="yes" />
     <meta name="apple-mobile-web-app-status-bar-style" content="default" />
     <meta name="apple-mobile-web-app-title" content="Feedback Loop" />
 

vite.config.ts

@@ -15,7 +15,8 @@ export default defineConfig({
     react(),
     VitePWA({
       registerType: "autoUpdate",
-      includeAssets: ["favicon.ico", "apple-touch-icon.png", "Logo1.png", "Logo2.png"],
+      base: "/feedback-loop/",
+      includeAssets: ["favicon.ico", "apple-touch-icon.png", "Logo1.png", "Logo2.png", "android-chrome-192x192.png", "android-chrome-512x512.png"],
       manifest: {
         name: "Feedback Loop - Figure Skating Jump Analyzer",
         short_name: "Feedback Loop",
@@ -29,14 +30,16 @@ export default defineConfig({
         categories: ["sports", "education", "productivity"],
         icons: [
           {
-            src: "android-chrome-192x192.png",
+            src: "/feedback-loop/android-chrome-192x192.png",
             sizes: "192x192",
-            type: "image/png"
+            type: "image/png",
+            purpose: "any maskable"
           },
           {
-            src: "android-chrome-512x512.png",
+            src: "/feedback-loop/android-chrome-512x512.png",
             sizes: "512x512",
-            type: "image/png"
+            type: "image/png",
+            purpose: "any maskable"
           }
         ]
       },