Fix favicon media attribute (#1438)

* Fix favicon media attribute

* Modify CloudFront rewrite to serve favicons

Author: davinotdavid

frontend/index.html

@@ -4,8 +4,8 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
-    <link rel="icon" href="/favicon.ico" media="(prefers-color-scheme:light), (prefers-color-scheme:no-preference)" />
-    <link rel="icon" href="/favicon-dark.ico" media="(prefers-color-scheme:dark)" />
+    <link rel="icon" href="/favicon.ico" media="(prefers-color-scheme: light)" />
+    <link rel="icon" href="/favicon-dark.ico" media="(prefers-color-scheme: dark)" />
     <link rel="manifest" href="/site.webmanifest" />
 
     <title>Thunderbird Appointment</title>

pulumi/cloudfront-rewrite.js

@@ -3,7 +3,19 @@
     const headers = request.headers;
     const host = headers.host.value;
     const apiPath = '/api/v1';
-    const ignorePaths = ['/fxa', '/assets', '/appointment_logo.svg', '/sitemap.txt'];
+    const ignorePaths = [
+      '/fxa',
+      '/assets',
+      '/sitemap.txt',
+      '/favicon.ico',
+      '/favicon-dark.ico',
+      '/site.webmanifest',
+      '/apple-touch-icon.png',
+      '/android-chrome-192x192.png',
+      '/android-chrome-512x512.png',
+      '/favicon-16x16.png',
+      '/favicon-32x32.png',
+    ];
     const pathCheckFn = (path) => request.uri.startsWith(path);
     const domainRewrites = {
       'apt.mt': 'appointment.tb.pro',