[PIE-8] Add recipe detail view And Other Major Changes (!6)

- Adds /recipe/:id page
- (Almost!) fully designed and functional recipe view
- Has steps, images, ingredients, peripheral info (work/wait time, rating, description, servings)
- New colour scheme! Much more monotone but in a nice way (imo)
- New font, not condensed
- Several more smaller design changes
Co-authored-by: june <self@breadone.net>
Co-committed-by: june <self@breadone.net>

src/components/Header.astro

@@ -1,13 +1,14 @@
 
-<div class="flex w-full items-center bg-yellow-100 p-5">
+<div class="flex w-full items-center bg-[#2a2b2c] text-white p-5">
     <a class="flex" href="/">
-        <p class=" text-3xl">Reci</p>
-        <p class=" text-3xl text-amber-500">pie</p>
+        <p class="text-3xl">Recipie</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 class="ml-auto space-x-5">
+        <a>new</a>
+        <a>tags</a>
+        <a>search</a>
     </div>
 </div>