style: refine header navigation styles for improved clarity

- Updated active link styling in the header to enhance visibility.
- Adjusted the background color for active links and removed the underline indicator for a cleaner look.
- Ensured the active state does not apply to the '/docs' route for better navigation experience.

Author: BunsDev

packages/docs/components/header.tsx

@@ -37,22 +37,19 @@ export function Header() {
         {/* Desktop Navigation */}
         <nav className="hidden md:flex items-center space-x-1 text-sm font-medium">
           {navigation.map((item) => {
-            const isActive = pathname?.startsWith(item.href);
+            const isActive = pathname?.startsWith(item.href) && item.href !== '/docs';
             return (
               <Link
                 key={item.href}
                 href={item.href}
                 className={cn(
                   'relative px-4 py-2 rounded-lg transition-all duration-200',
                   isActive
-                    ? 'text-foreground bg-muted/50'
+                    ? 'text-foreground bg-muted'
                     : 'text-muted-foreground hover:text-foreground hover:bg-muted/30'
                 )}
               >
                 {item.name}
-                {isActive && (
-                  <div className="absolute bottom-0 left-1/2 -translate-x-1/2 w-1 h-1 rounded-full bg-primary" />
-                )}
               </Link>
             );
           })}