Header abonnemang button styling

Changed header navigation: updated label Prenumeration to Abonnemang and added brownish button-style background behind it, with adjusted gap to accommodate a compact layout.

X-Lovable-Edit-ID: edt-f63b34f9-3fc4-4c18-800a-d91d6e7a5f64

src/components/Header.tsx

@@ -8,12 +8,12 @@ const Header = () => {
           <Logo size="small" />
         </a>
         
-        <nav className="hidden md:flex items-center gap-8 text-sm">
+        <nav className="hidden md:flex items-center gap-6 text-sm">
           <a href="#gallery" className="text-muted-foreground hover:text-primary transition-colors">
             Sortiment
           </a>
-          <a href="#plans" className="text-muted-foreground hover:text-primary transition-colors">
-            Prenumeration
+          <a href="#plans" className="bg-primary text-primary-foreground px-4 py-2 rounded-sm hover:bg-primary/90 transition-colors">
+            Abonnemang
           </a>
         </nav>
       </div>