Refactor site header, heroes, and design system

tests/metadata.test.ts

@@ -18,6 +18,8 @@ describe("metadata helpers", () => {
   it("builds root metadata with dynamic icons and social preview", () => {
     const settings = buildDefaultSiteSettings("Studio Moh");
     const metadata = buildAppMetadataFromConfig(settings, {
+      siteLogoLight: null,
+      siteLogoDark: null,
       favicon: {
         assetId: "fav",
         url: "/uploads/media/site-settings/favicon.svg",
@@ -30,9 +32,9 @@ describe("metadata helpers", () => {
 
     expect(metadata.title).toBe("Studio Moh");
     expect(metadata.icons).toEqual({
-      icon: ["/uploads/media/site-settings/favicon.svg"],
-      shortcut: ["/uploads/media/site-settings/favicon.svg"],
-      apple: ["/uploads/media/site-settings/favicon.svg"],
+      icon: [{ url: "/favicon.ico?v=default" }],
+      shortcut: [{ url: "/favicon.ico?v=default" }],
+      apple: [{ url: "/apple-icon.png?v=default" }],
     });
     expect(metadata.twitter).toMatchObject({
       card: "summary_large_image",
@@ -46,6 +48,8 @@ describe("metadata helpers", () => {
     const metadata = buildLocalizedMetadataFromConfig({
       settings,
       bindings: {
+        siteLogoLight: null,
+        siteLogoDark: null,
         favicon: null,
         defaultOgImage: null,
       },
@@ -70,6 +74,8 @@ describe("metadata helpers", () => {
     const metadata = buildLocalizedMetadataFromConfig({
       settings,
       bindings: {
+        siteLogoLight: null,
+        siteLogoDark: null,
         favicon: null,
         defaultOgImage: null,
       },