[PIE-6] Add first (non-final) (temporary-ish) stylings (#5)

this was a doozy.
Co-authored-by: june <self@breadone.net>
Co-committed-by: june <self@breadone.net>

src/components/Header.astro

@@ -0,0 +1,13 @@
+
+<div class="flex w-full items-center bg-yellow-100 p-5">
+    <a class="flex" href="/">
+        <p class=" text-3xl">Reci</p>
+        <p class=" text-3xl text-amber-500">pie</p>
+        🥧
+    </a>
+
+    <div class="flex ml-10 space-x-5">
+        <!-- <span>new</span>
+        <span>sf</span> -->
+    </div>
+</div>