Refactor site header, heroes, and design system

lib/site-settings.ts

@@ -6,6 +6,8 @@ export const SITE_SETTINGS_ENTITY_TYPE = "site-settings";
 export const SITE_SETTINGS_ENTITY_ID = "global";
 export const SITE_SETTINGS_FAVICON_FIELD_KEY = "favicon";
 export const SITE_SETTINGS_DEFAULT_OG_IMAGE_FIELD_KEY = "defaultOgImage";
+export const SITE_SETTINGS_LOGO_LIGHT_FIELD_KEY = "siteLogoLight";
+export const SITE_SETTINGS_LOGO_DARK_FIELD_KEY = "siteLogoDark";
 export const PAGE_TITLE_TOKEN = "{pageTitle}";
 export const SITE_NAME_TOKEN = "{siteName}";
 
@@ -30,6 +32,8 @@ export type SiteSettingsMediaBinding = {
 };
 
 export type SiteSettingsMediaBindings = {
+  siteLogoLight: SiteSettingsMediaBinding | null;
+  siteLogoDark: SiteSettingsMediaBinding | null;
   favicon: SiteSettingsMediaBinding | null;
   defaultOgImage: SiteSettingsMediaBinding | null;
 };
@@ -62,6 +66,8 @@ function normalizeSiteLocaleSettings(
 
 export function getDefaultSiteSettingsMediaBindings(): SiteSettingsMediaBindings {
   return {
+    siteLogoLight: null,
+    siteLogoDark: null,
     favicon: null,
     defaultOgImage: null,
   };