
## Header Taskbar (Estilo Windows)

A navegação principal é feita exclusivamente por uma **barra de ícones no cabeçalho**, inspirada na taskbar do Windows. A sidebar tradicional foi removida — toda navegação acontece por ícones compactos no topo.

### Estrutura Visual
- Ícones de `18×18px` dentro de botões `h-9 w-9 rounded-lg`.
- Item ativo: fundo `bg-primary/15`, texto `text-primary`, ring sutil `ring-1 ring-primary/20`.
- Item inativo: `text-muted-foreground`, hover `bg-muted`.
- Tooltip com nome do item ao passar o mouse (delay 0).

### Itens Disponíveis
- Agenda, Pacientes, Colaboradores, Planos de Saúde, Serviços, Leads, Níveis de Acesso, Status, Trilhas de Status, Dashboard, Notificações, Fluxos de Mensageria, Configurações.
- Cada item possui um ícone Lucide associado e uma chave única (`key`).
- O label de "Pacientes" é dinâmico — muda conforme a área de atuação selecionada (ex: "Clientes" para área comercial).

### Personalização pelo Usuário
- **Pin/Unpin:** Através de um popover (`+`), o usuário pode adicionar ou remover ícones da taskbar.
- **Drag-and-Drop:** Os ícones podem ser reordenados arrastando — usa `@dnd-kit/core` + `@dnd-kit/sortable` com estratégia horizontal.
- **Persistência:** A ordem e seleção são salvas na coluna `profiles.nav_order` por usuário.
- Itens filtrados por permissão — apenas itens permitidos pelo nível de acesso são exibidos.

### Atalhos de Modais Fixados
- Além de links de navegação, a taskbar também suporta **atalhos para modais**.
- Qualquer dialog do sistema pode ser fixado na taskbar via o **botão de pin**.
- O botão de pin é um círculo (`h-7 w-7 rounded-full`) posicionado fora do canto superior esquerdo do modal (`-left-3 -top-3`).
- Ícone: `Pin` (quando fixado) ou `PinOff` (quando não fixado), ambos em `h-3 w-3`.
- Modais fixados aparecem na taskbar com um ring de borda (`ring-1 ring-border/50`) para diferenciá-los dos links de navegação.
- Ao clicar no atalho fixado, o modal correspondente é aberto de qualquer página.

### Popover de Gerenciamento
- Botão `+` abre um popover com a lista completa de itens disponíveis.
- Cada item tem um checkbox para adicionar/remover da taskbar.
- O popover mostra separadamente: itens de navegação e modais fixados.

### Mobile
- Em dispositivos móveis, a taskbar é substituída por uma **barra de navegação inferior** (`MobileBottomNav`).
- Exibe até 4 ícones visíveis + botão de overflow (`...`) que abre um Sheet com todos os itens.
- Botão central (FAB) circular dedicado à Agenda — implementado como elemento independente fora do container de navegação para evitar recortes de `backdrop-blur`.
- Safe area inferior aplicada para compatibilidade com dispositivos com notch.
