Refresh app icons

- New primary color
- Shifted so the "C" is centered as a circle
  aka left whitespace for the path "cut out"
  This makes it look centered in circle icons
- Moved ico to standard location
- Dropped IE stuff
- Dropped old Safari stuff
- New android stuff

public/site.webmanifest

@@ -1,19 +1,21 @@
 {
-    "name": "CORD Field",
-    "short_name": "CORD Field",
-    "icons": [
-        {
-            "src": "images/android-chrome-192x192.png",
-            "sizes": "192x192",
-            "type": "image/png"
-        },
-        {
-            "src": "images/android-chrome-512x512.png",
-            "sizes": "512x512",
-            "type": "image/png"
-        }
-    ],
-    "theme_color": "#ffffff",
-    "background_color": "#ffffff",
-    "display": "standalone"
+  "name": "CORD Field",
+  "short_name": "CORD",
+  "icons": [
+    {
+      "src": "/images/web-app-manifest-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "/images/web-app-manifest-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    }
+  ],
+  "theme_color": "#ffffff",
+  "background_color": "#ffffff",
+  "display": "standalone"
 }

src/scenes/Root/AppMetadata.tsx

@@ -18,30 +18,22 @@ export const AppMetadata = () => (
       />
     )}
 
-    <link
-      rel="apple-touch-icon"
-      sizes="180x180"
-      href="images/apple-touch-icon.png"
-    />
+    {/* https://dev.to/masakudamatsu/favicon-nightmare-how-to-maintain-sanity-3al7 */}
+    <link rel="icon" href="/favicon.ico" sizes="48x48" />
     <link
       rel="icon"
-      type="image/png"
-      sizes="32x32"
-      href="images/favicon-32x32.png"
+      href="/images/favicon.svg"
+      sizes="any"
+      type="image/svg+xml"
     />
     <link
-      rel="icon"
-      type="image/png"
-      sizes="16x16"
-      href="images/favicon-16x16.png"
+      rel="apple-touch-icon"
+      href="/images/apple-touch-icon.png"
+      sizes="180x180"
     />
     <link rel="manifest" href="site.webmanifest" />
-    <link rel="mask-icon" href="images/safari-pinned-tab.svg" color="#64b145" />
-    <link rel="shortcut icon" href="images/favicon.ico" />
     <meta name="apple-mobile-web-app-title" content="CORD Field" />
     <meta name="application-name" content="CORD Field" />
-    <meta name="msapplication-TileColor" content="#64b145" />
-    <meta name="msapplication-config" content="browserconfig.xml" />
-    <meta name="theme-color" content="#ffffff" />
+    <meta name="theme-color" content="#1EA973" />
   </Helmet>
 );