feat: added partial header component

Author: coderdiaz

src/components/partials/Header.astro

@@ -0,0 +1,34 @@
+---
+import Container from '@/components/Container.astro';
+
+const pathname = Astro.url.pathname;
+
+const isHomePage = pathname === '/';
+const isWritingPage = pathname.startsWith('/writing');
+
+---
+
+<header>
+  <Container>
+    <div class="flex justify-end">
+      <nav class="flex items-center gap-4">
+        <ul class="flex items-center gap-6">
+          <li>
+            <a href="/" class:list={[
+              'font-medium transition-colors',
+              'hover:text-headings',
+              isHomePage && 'text-headings',
+            ]}>Home</a>
+          </li>
+          <li>
+            <a href="/writing" class:list={[
+              'font-medium transition-colors',
+              'hover:text-headings',
+              isWritingPage && 'text-headings',
+            ]}>Writing</a>
+          </li>
+        </ul>
+      </nav>
+    </div>
+  </Container>
+</header>