style: melhora layout de login e settings

- Badge Helpdesk preta com texto branco
- Texto maior no painel direito das páginas de auth
- Badge de papel preta em settings
- Adiciona descrição na seção Segurança
- Espaçamento entre título e campos no formulário de login
- Autocomplete nos inputs de senha
- Link de notificações funcional no menu do usuário
- Fallback do avatar com fundo cinza e texto preto

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

src/components/nav-user.tsx

@@ -70,6 +70,10 @@ export function NavUser({ user }: NavUserProps) {
     router.push("/settings")
   }, [router])
 
+  const handleNotifications = useCallback(() => {
+    router.push("/settings/notifications")
+  }, [router])
+
   const handleSignOut = useCallback(async () => {
     if (isSigningOut) return
     setIsSigningOut(true)
@@ -94,9 +98,9 @@ export function NavUser({ user }: NavUserProps) {
               size="lg"
               className="data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground"
             >
-              <Avatar className="h-8 w-8 rounded-lg grayscale">
+              <Avatar className="h-8 w-8 rounded-lg">
                 <AvatarImage src={normalizedUser.avatarUrl ?? undefined} alt={displayName} />
-                <AvatarFallback className="rounded-lg">{initials}</AvatarFallback>
+                <AvatarFallback className="rounded-lg bg-neutral-200 text-neutral-700 font-medium">{initials}</AvatarFallback>
               </Avatar>
               <div className="grid flex-1 text-left text-sm leading-tight">
                 <span className="truncate font-medium">{displayName}</span>
@@ -117,7 +121,7 @@ export function NavUser({ user }: NavUserProps) {
               <div className="flex items-center gap-2 px-1 py-1.5 text-left text-sm">
                 <Avatar className="h-8 w-8 rounded-lg">
                   <AvatarImage src={normalizedUser.avatarUrl ?? undefined} alt={displayName} />
-                  <AvatarFallback className="rounded-lg">{initials}</AvatarFallback>
+                  <AvatarFallback className="rounded-lg bg-neutral-200 text-neutral-700 font-medium">{initials}</AvatarFallback>
                 </Avatar>
                 <div className="grid flex-1 text-left text-sm leading-tight">
                   <span className="truncate font-medium">{displayName}</span>
@@ -138,9 +142,14 @@ export function NavUser({ user }: NavUserProps) {
                 <IconUserCircle className="size-4" />
                 <span>Meu perfil</span>
               </DropdownMenuItem>
-              <DropdownMenuItem disabled>
+              <DropdownMenuItem
+                onSelect={(event) => {
+                  event.preventDefault()
+                  handleNotifications()
+                }}
+              >
                 <IconNotification className="size-4" />
-                <span>Notificações (em breve)</span>
+                <span>Notificações</span>
               </DropdownMenuItem>
             </DropdownMenuGroup>
             {!isDesktopShell && !isMachineSession ? (