fix(pwa): use PNG manifest icons

public/manifest.json

@@ -12,10 +12,16 @@
   "categories": ["utilities", "productivity", "developer tools"],
   "icons": [
     {
-      "src": "/favicon.svg?v=6",
-      "sizes": "48x48 72x72 96x96 128x128 192x192 256x256 512x512",
-      "type": "image/svg+xml",
-      "purpose": "any maskable"
+      "src": "/icon-192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "any"
+    },
+    {
+      "src": "/icon-512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "any"
     }
   ]
 }

public/sw.js

@@ -1,9 +1,11 @@
-const CACHE_NAME = 'mc-cache-v6';
+const CACHE_NAME = 'mc-cache-v7';
 const PRECACHE_ASSETS = [
   '/',
   '/index.html',
   '/manifest.json',
   '/favicon.svg',
+  '/icon-192.png',
+  '/icon-512.png',
 ];
 
 // Domains that should NEVER be cached or block offline usage (e.g. ad networks)