fix(header): display existing YGit schema logo

Author: vib-tools

src/components/layout/Header/Header.astro

@@ -4,11 +4,58 @@ import TopNavigation from '@/components/layout/TopNavigation';
 import { GITHUB_URL, SITE_NAME } from '@/constants/config';
 import { ROUTES } from '@/constants/routes';
 import { CodeXml, Menu, Search } from '@lucide/astro';
+import logoDark from '../../../../assets/logo/logo-dark.png';
 ---
+
 <header class="sticky top-0 z-50 h-[var(--header-height)] border-b border-border bg-background max-md:h-[var(--header-mobile-height)]">
   <Container class="flex h-full items-center justify-between gap-4">
-    <div class="flex items-center gap-2"><button id="mobile-menu-button" class="inline-flex min-h-11 min-w-11 items-center justify-center rounded-button border border-border bg-transparent text-content hover:bg-surface-hover lg:hidden" type="button" aria-label="Open navigation" aria-controls="mobile-drawer" aria-expanded="false"><Menu size={19} aria-hidden="true" /></button><a class="text-h3 font-bold text-text no-underline" href={ROUTES.home}>{SITE_NAME}</a></div>
+    <div class="flex min-w-0 items-center gap-2">
+      <button
+        id="mobile-menu-button"
+        class="inline-flex min-h-11 min-w-11 items-center justify-center rounded-button border border-border bg-transparent text-content hover:bg-surface-hover lg:hidden"
+        type="button"
+        aria-label="Open navigation"
+        aria-controls="mobile-drawer"
+        aria-expanded="false"
+      >
+        <Menu size={19} aria-hidden="true" />
+      </button>
+
+      <a
+        class="inline-flex min-h-11 min-w-0 items-center no-underline"
+        href={ROUTES.home}
+        aria-label={`${SITE_NAME} home`}
+      >
+        <img
+          class="h-7 w-auto max-w-[150px] object-contain sm:h-8 sm:max-w-[190px]"
+          src={logoDark.src}
+          width={logoDark.width}
+          height={logoDark.height}
+          alt=""
+          decoding="async"
+        />
+      </a>
+    </div>
+
     <TopNavigation />
-    <div class="flex items-center gap-2"><a class="hidden min-h-10 items-center gap-2 rounded-button border border-border px-3 text-md text-muted no-underline hover:bg-surface-hover hover:text-text md:flex" href={ROUTES.search}><Search size={16} aria-hidden="true" /><span>Search</span><kbd class="rounded border border-border px-1 font-mono text-xs">/</kbd></a><a class="inline-flex min-h-11 min-w-11 items-center justify-center rounded-button text-muted hover:bg-surface-hover hover:text-text lg:hidden" href={GITHUB_URL} aria-label="GitHub repository"><CodeXml size={19} aria-hidden="true" /></a></div>
+
+    <div class="flex items-center gap-2">
+      <a
+        class="hidden min-h-10 items-center gap-2 rounded-button border border-border px-3 text-md text-muted no-underline hover:bg-surface-hover hover:text-text md:flex"
+        href={ROUTES.search}
+      >
+        <Search size={16} aria-hidden="true" />
+        <span>Search</span>
+        <kbd class="rounded border border-border px-1 font-mono text-xs">/</kbd>
+      </a>
+
+      <a
+        class="inline-flex min-h-11 min-w-11 items-center justify-center rounded-button text-muted hover:bg-surface-hover hover:text-text lg:hidden"
+        href={GITHUB_URL}
+        aria-label="GitHub repository"
+      >
+        <CodeXml size={19} aria-hidden="true" />
+      </a>
+    </div>
   </Container>
 </header>