Simplify favicons and other web icons (#31000)

* Simplify favicons and other web icons

browserconfig.xml seems to have died with Internet Explorer
`apple-touch-icon` is awfully documented but seems like larger sizes are now preferred
Use PNG for the favicon as things now support it across the board, we could even consider moving to SVG favicons in the future

Optimised using oxipng, this is to simplify icon replacement in `element-web-bin`

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Fix paths

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Update tests

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Remove border around favicons

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Add test

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Add test

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

---------

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

res/manifest.json

@@ -5,69 +5,39 @@
     "theme_color": "#76CFA6",
     "start_url": "index.html",
     "icons": [
-        {
-            "src": "/vector-icons/44.png",
-            "sizes": "44x44",
-            "type": "image/png"
-        },
-        {
-            "src": "/vector-icons/1240x600.png",
-            "sizes": "1240x600",
-            "type": "image/png"
-        },
-        {
-            "src": "/vector-icons/300.png",
-            "sizes": "300x300",
-            "type": "image/png"
-        },
-        {
-            "src": "/vector-icons/150.png",
-            "sizes": "150x150",
-            "type": "image/png"
-        },
-        {
-            "src": "/vector-icons/88.png",
-            "sizes": "88x88",
-            "type": "image/png"
-        },
         {
             "src": "/vector-icons/24.png",
             "sizes": "24x24",
             "type": "image/png"
         },
-        {
-            "src": "/vector-icons/50.png",
-            "sizes": "50x50",
-            "type": "image/png"
-        },
-        {
-            "src": "/vector-icons/620x300.png",
-            "sizes": "620x300",
-            "type": "image/png"
-        },
-        {
-            "src": "/vector-icons/1024.png",
-            "sizes": "1024x1024",
-            "type": "image/png"
-        },
-        {
-            "src": "/vector-icons/180.png",
-            "sizes": "180x180",
-            "type": "image/png"
-        },
-        {
-            "src": "/vector-icons/152.png",
-            "sizes": "152x152",
-            "type": "image/png"
-        },
         {
             "src": "/vector-icons/120.png",
             "sizes": "120x120",
             "type": "image/png"
         },
         {
-            "src": "/vector-icons/76.png",
-            "sizes": "76x76",
+            "src": "/vector-icons/144.png",
+            "sizes": "144x144",
+            "type": "image/png"
+        },
+        {
+            "src": "/vector-icons/152png",
+            "sizes": "152x152",
+            "type": "image/png"
+        },
+        {
+            "src": "/vector-icons/180.png",
+            "sizes": "180x180",
+            "type": "image/png"
+        },
+        {
+            "src": "/vector-icons/512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        },
+        {
+            "src": "/vector-icons/1024.png",
+            "sizes": "1024x1024",
             "type": "image/png"
         }
     ],

res/vector-icons/browserconfig.xml

@@ -1,12 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<browserconfig>
-  <msapplication>
-    <tile>
-      <square70x70logo src="/vector-icons/mstile-70.png"/>
-      <square150x150logo src="/vector-icons/mstile-150.png"/>
-      <square310x310logo src="/vector-icons/mstile-310.png"/>
-      <wide310x150logo src="/vector-icons/mstile-310x150.png"/>
-      <TileColor>#da532c</TileColor>
-    </tile>
-  </msapplication>
-</browserconfig>