fix(changelog): use absolute url favicon (#11113)

* try absolute favicon for prod

* chore: update img-src csp for absolute favicon url

* chore: add comment

apps/changelog/src/app/layout.tsx

@@ -16,7 +16,11 @@ export const metadata: Metadata = {
   title: 'Home',
   icons: {
     icon:
-      process.env.NODE_ENV === 'production' ? '/favicon.ico' : '/favicon_localhost.png',
+      // we use the absolute url (for the alternative prod domain),
+      // otherwise we run into the issue that sentry.io/changelog will not find the favicon
+      process.env.NODE_ENV === 'production'
+        ? 'https://changelog.sentry.dev/favicon.ico'
+        : '/favicon_localhost.png',
   },
   openGraph: {
     images: '/img/hero.png',

apps/changelog/vercel.json

@@ -17,10 +17,10 @@
         },
         {
           "key": "Content-Security-Policy-Report-Only",
-          "value": "default-src 'none'; font-src 'self'; style-src 'self' 'unsafe-inline'; script-src 'self' plausible.io 'unsafe-inline' 'unsafe-eval' 'report-sample'; img-src 'self' storage.googleapis.com; worker-src blob:; connect-src o1.ingest.us.sentry.io plausible.io 'self' sentry.sentry.io; report-uri https://o1.ingest.us.sentry.io/api/4507670276341760/security/?sentry_key=e90f5ea060a4102c0a4c50c740e43ae1;"
+          "value": "default-src 'none'; font-src 'self'; style-src 'self' 'unsafe-inline'; script-src 'self' plausible.io 'unsafe-inline' 'unsafe-eval' 'report-sample'; img-src 'self' storage.googleapis.com; worker-src blob:; connect-src o1.ingest.us.sentry.io plausible.io 'self' changelog.sentry.dev sentry.sentry.io; report-uri https://o1.ingest.us.sentry.io/api/4507670276341760/security/?sentry_key=e90f5ea060a4102c0a4c50c740e43ae1;"
         }
       ]
     }
   ],
   "trailingSlash": true
-}
+}