feat: Add logo to website header

Display the Semantic Anchors logo (anchor in speech bubble) next to
the site title in the navigation header.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: raifdmueller

.gitignore

@@ -1,3 +1,4 @@
 node_modules/
 *.png
+!website/public/logo.png
 .playwright-mcp/

website/public/logo.png

@@ -9,7 +9,10 @@ export function renderHeader() {
         <div class="flex items-center justify-between">
           <div class="flex items-center gap-6">
             <h1 class="text-xl font-bold text-[var(--color-text)]">
-              <a href="#/" class="no-underline text-inherit hover:text-[var(--color-primary)] transition-colors" data-i18n="app.title">Semantic Anchors</a>
+              <a href="#/" class="no-underline text-inherit hover:text-[var(--color-primary)] transition-colors flex items-center gap-2" data-i18n="app.title">
+                <img src="${import.meta.env.BASE_URL}logo.png" alt="" class="h-8 w-8" aria-hidden="true" />
+                Semantic Anchors
+              </a>
             </h1>
             <div class="hidden sm:flex items-center gap-4 text-sm">
               <a href="#/" class="nav-link text-[var(--color-text-secondary)] hover:text-[var(--color-text)] transition-colors" data-route="/" data-i18n="nav.catalog">${i18n.t('nav.catalog')}</a>