fix: pass config to header/footer examples for correct asset base paths

Author: danielnaab

src/design/components/footer/examples.tsx

@@ -1,12 +1,13 @@
 import { Footer } from './index'
+import type { SiteConfig } from '../../../build/config'
 
-export function FooterExamples() {
+export function FooterExamples({ config }: { config: SiteConfig }) {
   return (
     <section id="footer">
       <h2>Footer</h2>
       <p>Site-wide footer with navigation links and build timestamp. Dark background (midnight) with sky-colored links for AAA contrast.</p>
       <div style="border-radius: var(--radius-md); overflow: hidden;">
-        <Footer config={{ basePath: '/', buildTime: new Date().toISOString() }} />
+        <Footer config={config} />
       </div>
     </section>
   )

src/design/components/header/examples.tsx

@@ -1,12 +1,13 @@
 import { Header } from './index'
+import type { SiteConfig } from '../../../build/config'
 
-export function HeaderExamples() {
+export function HeaderExamples({ config }: { config: SiteConfig }) {
   return (
     <section id="header">
       <h2>Header</h2>
       <p>Site-wide header with brand wordmark and primary navigation. Renders as a <code>&lt;header&gt;</code> landmark with <code>aria-label="Primary"</code> navigation.</p>
       <div style="border: 1px solid var(--color-surface-alt); border-radius: var(--radius-md); overflow: hidden;">
-        <Header config={{ basePath: '/', buildTime: '' }} />
+        <Header config={config} />
       </div>
     </section>
   )

src/pages/design-system.tsx

@@ -71,8 +71,8 @@ export function DesignSystem({ config }: { config: SiteConfig }) {
           <SelectExamples />
           <CardExamples />
           <SideNavExamples />
-          <HeaderExamples />
-          <FooterExamples />
+          <HeaderExamples config={config} />
+          <FooterExamples config={config} />
           <RepoCardExamples />
           <StandardsListExamples />
           <CatalogFilterExamples />