feat: match cv style to new site theming

src/components/Header.astro

@@ -9,15 +9,13 @@ const currentPath = pathname.replace(/\/$/, "");
 
 <header class="mx-auto w-full">
   <nav class="flex w-full justify-between">
-    <div class="flex w-fit items-center justify-between">
-      <a href="/" aria-label={SITE.TITLE} title={SITE.TITLE} class="group">
-        <Icon
-          name="icon"
-          title={SITE.TITLE}
-          class="hover:text-tertiary h-8 w-auto transition-colors duration-500 ease-in-out"
-        />
-      </a>
-    </div>
+    <a href="/" aria-label={SITE.TITLE} title={SITE.TITLE}>
+      <Icon
+        name="icon"
+        title={SITE.TITLE}
+        class="hover:text-tertiary h-8 w-auto transition-colors duration-500 ease-in-out"
+      />
+    </a>
     <ul class="flex w-fit flex-row items-center gap-4">
       {
         SITE.NAVLINKS.map((link) => {
@@ -27,7 +25,11 @@ const currentPath = pathname.replace(/\/$/, "");
             <li class="text-tertiary hover:text-secondary focus:text-secondary font-medium capitalize transition-colors duration-300 focus:outline-hidden">
               <a
                 href={link.href}
-                class:list={[isActive ? "text-secondary" : null]}
+                class:list={[
+                  isActive
+                    ? "text-secondary hover:text-tertiary transition-colors duration-300"
+                    : null,
+                ]}
               >
                 {link.name}
               </a>

src/components/Hero.astro

@@ -10,7 +10,7 @@
     and on the side I manage online operations for a family run
     <a
       href="/projects/camouflage-store"
-      class="hover:text-secondary underline decoration-wavy underline-offset-2 transition-colors duration-300"
+      class="underline decoration-2 underline-offset-2 hover:no-underline"
       >outdoor apparel business</a
     >.
   </div>

src/components/Prose.astro

@@ -1,5 +1,5 @@
 <div
-  class="prose prose-neutral dark:prose-invert prose-lg prose-img:max-h-[90svh] prose-img:rounded-sm prose-img:w-auto prose-img:max-w-full prose-video:max-h-[90svh] prose-video:rounded-sm prose-video:w-auto prose-video::max-w-full prose-a:decoration-wavy"
+  class="prose prose-neutral dark:prose-invert prose-lg prose-img:max-h-[90svh] prose-img:rounded-sm prose-img:w-auto prose-img:max-w-full prose-video:max-h-[90svh] prose-video:rounded-sm prose-video:w-auto prose-video::max-w-full prose-a:hover:no-underline"
 >
   <slot />
 </div>