Enhance header navigation link hover effect for improved visibility

src/components/Header.astro

@@ -17,7 +17,7 @@ import { navItems } from "@data/index";
                     navItems.map((item) => (
                         <a
                             href={item.href}
-                            class="text-sm font-medium text-foreground/80 hover:text-foreground transition-colors"
+                            class="text-sm font-medium text-foreground/80 hover:text-foreground transition-colors hover:text-white duration-100 ease-in-out"
                         >
                             {item.label}
                         </a>