fix(pwa): use PNG manifest icons

index.html

@@ -36,7 +36,7 @@
     <meta name="apple-mobile-web-app-capable" content="yes" />
     <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
     <meta name="apple-mobile-web-app-title" content="Isal.in" />
-    <link rel="apple-touch-icon" href="/favicon.svg?v=6" />
+    <link rel="apple-touch-icon" href="/icon-192.png" />
 
     <!-- Structured Data for Search Engines (JSON-LD) -->
     <script type="application/ld+json">

public/manifest.json

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