Use appropriate icon types

web/site.webmanifest

@@ -1,9 +1,16 @@
 {
   "name": "Frigate",
   "short_name": "Frigate",
+  "start_url": "./",
+  "scope": ".",
   "icons": [
     {
-        "src": "/images/mstile-150x150.png",
+      "src": "/images/android-chrome-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    },
+    {
+      "src": "/images/android-chrome-192x192.png",
       "sizes": "192x192",
       "type": "image/png"
     },
@@ -11,6 +18,18 @@
       "src": "/images/favicon-32x32.png",
       "sizes": "32x32",
       "type": "image/png"
+    },
+    {
+      "src": "/images/android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "any maskable"
+    },
+    {
+      "src": "/images/apple-touch-icon.png",
+      "sizes": "180x180",
+      "type": "image/png",
+      "purpose": "apple touch icon"
     }
   ],
   "theme_color": "#ffffff",