Start to impl proxy stuff

src/components/Header.astro

@@ -15,13 +15,13 @@ const path = Astro.url.pathname;
 </div>
 <div class="fixed w-full h-full z-10 flex flex-row pointer-events-auto invisible transition duration-500" id="navigation">
     <div id="innerNav" class="flex flex-col gap-6 w-72 h-full bg-(--background) border-r border-r-(--border) p-6 transition duration-250 shadow-lg">
-        <div class="w-full flex flex-row justify-between">
+        <div class="w-full flex flex-row justify-between transition duration-250">
             <Icon name="lucide:radius" class="w-10 h-10 rotate-180 text-(--foreground)" />
             <button id="exitNav">
                 <Icon name="lucide:x" class="text-(--muted-foreground)" />
             </button>
         </div>
-        <div class="flex flex-col gap-3 transition duration-500"> 
+        <div class="flex flex-col gap-3 transition duration-250"> 
             <div class="text-(--secondary-foreground) w-full border-b border-b-(--border) pb-3 flex flex-col gap-3">
                 <a href="/" class=`flex flex-row gap-2 items-center rounded-lg h-10 w-full whitespace-nowrap px-4 py-2 font-medium text-sm ${path === '/' ? 'bg-(--secondary)': 'bg-(--background)'} transition-all duration-200 hover:bg-(--secondary) hover:scale-105 focus:ring-(--ring) focus:ring-2`>
                     <Icon name="lucide:house" class="text-lg w-6 h-6" /> Home