style: fix header nav gap

packages/frontend/src/lib/components/header/header.svelte

@@ -60,7 +60,7 @@
       </a>
 
       <!-- Desktop Navigation -->
-      <nav class="hidden w-full lg:flex items-center justify-center gap-6">
+      <nav class="hidden w-full lg:flex items-center justify-center gap-8">
         {#each navLinks as link (link.href)}
           <a
             href={link.href}
@@ -138,7 +138,9 @@
                   {getUserInitials(authStatus.user!.artist_name || authStatus.user!.email)}
                 </AvatarFallback>
               </Avatar>
-              <span class="hidden lg:inline text-sm font-medium text-foreground/90 max-w-24 truncate">
+              <span
+                class="hidden lg:inline text-sm font-medium text-foreground/90 max-w-24 truncate"
+              >
                 {authStatus.user!.artist_name || authStatus.user!.email.split("@")[0]}
               </span>
             </a>
@@ -164,7 +166,8 @@
       {:else}
         <div class="w-full flex items-center justify-end gap-2">
           <div class="flex gap-4">
-            <Button variant="outline" class="font-medium" href="/login">{$_("header.login")}</Button>
+            <Button variant="outline" class="font-medium" href="/login">{$_("header.login")}</Button
+            >
             <Button
               href="/signup"
               class="bg-gradient-to-r from-primary to-accent hover:from-primary/90 hover:to-accent/90 font-medium"