fix favicon delivery and cache invalidation

lib/metadata.ts

@@ -12,6 +12,7 @@ import {
   getSiteSettingsMediaBindings,
 } from "./app-config";
 import { AppLocale, getLocalizedPath, resolveLocale } from "./locale";
+import { buildSiteIconUrls } from "./site-icons";
 
 function getSiteUrl(): URL {
   return new URL(process.env.NEXT_PUBLIC_SITE_URL ?? "https://mohfarawati.de");
@@ -69,19 +70,23 @@ export function buildAppMetadataFromConfig(
 ): Metadata {
   const defaultLocaleSettings = settings.locales[routing.defaultLocale];
   const openGraphImages = buildMetadataImages(bindings.defaultOgImage?.url);
+  const siteIconUrls = buildSiteIconUrls({
+    siteName: defaultLocaleSettings.siteName,
+    faviconAssetId: bindings.favicon?.assetId,
+    faviconUrl: bindings.favicon?.url,
+  });
 
   return {
     metadataBase: getSiteUrl(),
     title: defaultLocaleSettings.siteName,
     description: defaultLocaleSettings.siteDescription,
     applicationName: defaultLocaleSettings.siteName,
-    icons: bindings.favicon?.url
-      ? {
-          icon: [bindings.favicon.url],
-          shortcut: [bindings.favicon.url],
-          apple: [bindings.favicon.url],
-        }
-      : undefined,
+    manifest: siteIconUrls.manifestHref,
+    icons: {
+      icon: [{ url: siteIconUrls.faviconHref }],
+      shortcut: [{ url: siteIconUrls.faviconHref }],
+      apple: [{ url: siteIconUrls.appleIconHref }],
+    },
     openGraph: {
       title: defaultLocaleSettings.siteName,
       description: defaultLocaleSettings.siteDescription,