fix: prevent Swedish nav label 'Logga in' from wrapping to two lines in desktop menu pills + make all nav buttons consistent height (whitespace-nowrap, flex-shrink-0, tighter px)

components/Navbar.tsx

@@ -84,7 +84,7 @@ export default function Navbar({ variant = "default" }: NavbarProps) {
         </Link>
 
         {/* Desktop Navigation - Premium Mesmerizing Design */}
-        <div className="hidden md:block">
+        <div className="hidden md:block flex-shrink-0">
           <div className="flex items-center rounded-full border border-[#c99a2e]/20 bg-white/60 px-2 py-1.5 backdrop-blur-3xl shadow-sm">
             <div className="relative flex items-center gap-1 text-sm font-medium text-[#101724]">
               {navLinks.map((link, index) => {
@@ -93,7 +93,7 @@ export default function Navbar({ variant = "default" }: NavbarProps) {
                   <Link
                     key={index}
                     href={link.href}
-                    className="relative px-5 py-2 rounded-full transition-colors hover:text-[#0f5a4a] z-10"
+                    className="relative px-4 py-2 rounded-full transition-colors hover:text-[#0f5a4a] z-10 whitespace-nowrap"
                   >
                     <span className="relative z-10">{link.label}</span>
                     
@@ -248,7 +248,7 @@ export default function Navbar({ variant = "default" }: NavbarProps) {
                       }`}
                     >
                       <Icon className={`h-5 w-5 flex-shrink-0 ${active ? 'text-[#c99a2e]' : 'text-[#B38B4D]'}`} />
-                      <span>{link.label}</span>
+                      <span className="whitespace-nowrap">{link.label}</span>
                       {active && (
                         <span className="ml-auto text-xs tracking-widest opacity-70">CURRENT</span>
                       )}