Dashboard Layout - Copy this React, Tailwind Component to your project

Cabeçalho Logo do Sistema: No canto superior esquerdo, exibindo o nome ou logo do sistema TRIFONO. Nome do Usuário: Exibição do nome do usuário logado no canto superior direito. Ícone de Notificações: Um sino ao lado do nome do usuário, indicando alertas pendentes (ex.: aniversários, contas a pagar, vencimentos de atividades). Botão de Logout: Ícone de saída ou botão "Sair" ao lado do nome do usuário. Menu Lateral (se aplicável) Itens do menu: Dashboard (Tela Inicial) Clientes Atendentes Convênios Atividades Contas a Pagar Relatórios Agenda Configurações O menu deverá destacar o item atual (Dashboard). Resumo/Indicadores Blocos com informações resumidas, como: Total de Atendimentos do Dia: Quantidade registrada pelo usuário logado (ou geral para usuários master). Contas a Pagar Próximas: Número de contas próximas ao vencimento (com data mais próxima destacada). Atividades Pendentes: Quantidade de atividades ainda não finalizadas pelo usuário. Aniversários do Dia: Lista de aniversários dos atendentes. Gráficos e Estatísticas Atendimentos por Período: Gráfico de barras ou linhas mostrando a quantidade de atendimentos realizados nos últimos 7 dias. Despesas por Categoria: Gráfico de pizza ou barras mostrando a distribuição das contas a pagar por tipo. Seção de Ações Rápidas Botões destacados para ações frequentes: Registrar Nova Atividade Adicionar Cliente Adicionar Conta a Pagar Criar Evento na Agenda Calendário Compacto Exibição de um calendário com eventos destacados: Atividades agendadas. Contas a pagar. Aniversários.