style: clean up code formatting and remove trailing whitespace

refactor: reorganize imports and fix type imports

components/Header.tsx

@@ -1,20 +1,11 @@
 "use client";
 
-import {
-  NavigationMenu,
-  NavigationMenuItem,
-  NavigationMenuLink,
-  NavigationMenuList,
-  navigationMenuTriggerStyle,
-} from "@/components/ui/navigation-menu";
-import { WordRotate } from "@/components/ui/word-rotate";
-import { ThemeToggle } from "./theme-toggle";
-import { LanguageSwitcher } from "./language-switcher";
-import { MobileMenu } from "./mobile-menu";
-import { NotificationBell } from "./notifications/NotificationBell";
-import { MessagesBell } from "./messages/MessagesBell";
-import { LoginDialog } from "./auth/login-dialog";
-import { RegisterDialog } from "./auth/register-dialog";
+import { LogOut, User } from "lucide-react";
+import Link from "next/link";
+import { useLocale, useTranslations } from "next-intl";
+import { useEffect, useState } from "react";
+import { Avatar, AvatarFallback } from "@/components/ui/avatar";
+import { Badge } from "@/components/ui/badge";
 import { Button } from "@/components/ui/button";
 import {
   DropdownMenu,
@@ -24,14 +15,23 @@ import {
   DropdownMenuSeparator,
   DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu";
-import { Avatar, AvatarFallback } from "@/components/ui/avatar";
-import { cn } from "@/lib/utils";
-import { useTranslations, useLocale } from "next-intl";
+import {
+  NavigationMenu,
+  NavigationMenuItem,
+  NavigationMenuLink,
+  NavigationMenuList,
+  navigationMenuTriggerStyle,
+} from "@/components/ui/navigation-menu";
+import { WordRotate } from "@/components/ui/word-rotate";
 import { useSession } from "@/lib/hooks/use-session";
-import Link from "next/link";
-import { useState, useEffect } from "react";
-import { LogOut, User } from "lucide-react";
-import { Badge } from "@/components/ui/badge";
+import { cn } from "@/lib/utils";
+import { LoginDialog } from "./auth/login-dialog";
+import { RegisterDialog } from "./auth/register-dialog";
+import { LanguageSwitcher } from "./language-switcher";
+import { MessagesBell } from "./messages/MessagesBell";
+import { MobileMenu } from "./mobile-menu";
+import { NotificationBell } from "./notifications/NotificationBell";
+import { ThemeToggle } from "./theme-toggle";
 
 export default function Header() {
   const t = useTranslations("header.nav");
@@ -90,7 +90,7 @@ export default function Header() {
                       navigationMenuTriggerStyle(),
                       "bg-transparent",
                       highlight &&
-                        "bg-primary text-primary-foreground hover:bg-primary/90"
+                        "bg-primary text-primary-foreground hover:bg-primary/90",
                     )}
                   >
                     {label}
@@ -105,10 +105,10 @@ export default function Header() {
         <div className="hidden md:flex items-center gap-2">
           <ThemeToggle />
           <LanguageSwitcher />
-          
+
           {/* Messages */}
           {mounted && isAuthenticated && <MessagesBell />}
-          
+
           {/* Notifications */}
           {mounted && isAuthenticated && <NotificationBell />}
           {mounted && isAuthenticated && user?.subscriptionTier && (
@@ -116,7 +116,7 @@ export default function Header() {
               {user.subscriptionTier.slug}
             </Badge>
           )}
-          
+
           {/* Auth Section */}
           {!mounted ? (
             // Placeholder durante SSR para evitar mismatch
@@ -126,7 +126,10 @@ export default function Header() {
           ) : isAuthenticated && user ? (
             <DropdownMenu>
               <DropdownMenuTrigger asChild>
-                <Button variant="ghost" className="relative h-8 w-8 rounded-full">
+                <Button
+                  variant="ghost"
+                  className="relative h-8 w-8 rounded-full"
+                >
                   <Avatar className="h-8 w-8">
                     <AvatarFallback>
                       {user.username.charAt(0).toUpperCase()}
@@ -191,9 +194,12 @@ export default function Header() {
 
       {/* Login Dialog */}
       <LoginDialog open={loginDialogOpen} onOpenChange={setLoginDialogOpen} />
-      
+
       {/* Register Dialog */}
-      <RegisterDialog open={registerDialogOpen} onOpenChange={setRegisterDialogOpen} />
+      <RegisterDialog
+        open={registerDialogOpen}
+        onOpenChange={setRegisterDialogOpen}
+      />
     </header>
   );
 }