fix: update header content to be rendered from index directly

js/components/site-header.js

@@ -5,7 +5,7 @@
 class SiteHeader extends HTMLElement {
   constructor() {
     super();
-    this.attachShadow({ mode: 'open' });
+    this.attachShadow({ mode: "open" });
   }
 
   connectedCallback() {
@@ -27,7 +27,6 @@ class SiteHeader extends HTMLElement {
           display: flex;
           flex-direction: column;
           gap: var(--spacing-sm, 0.5rem);
-          padding: var(--spacing-sm, 0.5rem) var(--spacing-md, 1rem);
           border-bottom: 1px solid var(--color-border, #e2e8f0);
         }
       </style>
@@ -38,4 +37,4 @@ class SiteHeader extends HTMLElement {
   }
 }
 
-customElements.define('site-header', SiteHeader);
+customElements.define("site-header", SiteHeader);