Vou atualizar o código para lidar corretamente com o formato do token JWT fornecido. Vamos ajustar a forma como o token é armazenado e enviado nas requisições.

Ajustes para o Formato do Token JWT

Fiz várias atualizações para lidar corretamente com o formato do token JWT que você forneceu:

1. Decodificação do Token JWT

Adicionei funções para decodificar o token JWT e extrair informações importantes:

• decodeToken: Decodifica o payload do token para acessar informações como sub (usuário), exp (expiração) e role (papel)
• isTokenExpired: Verifica se o token está expirado comparando o timestamp de expiração com o tempo atual
• getUserRole: Extrai o papel/role do usuário a partir do token

2. Verificação de Expiração

Implementei verificações de expiração do token em vários pontos:

• No middleware: Verifica se o token está expirado antes de permitir acesso a rotas protegidas
• No hook useAuth: Verifica a expiração do token ao carregar o componente e faz logout automático se expirado
• Nas requisições API: Trata erros 401 (não autorizado) que podem ocorrer quando o token expira

3. Uso de Informações do Token

Agora o sistema pode usar informações diretamente do token quando necessário:

• O UserAccountDropdown exibe o nome de usuário do token (sub) quando os dados completos do usuário não estão disponíveis
• A verificação de permissões de administrador considera tanto os dados do usuário quanto as informações do token

4. Tratamento de Erros

Melhorei o tratamento de erros relacionados ao token:

• Tratamento de erros ao decodificar tokens inválidos
• Feedback visual para o usuário quando a sessão expira
• Redirecionamento automático para a página de login quando necessário

Estas alterações garantem que o sistema funcione corretamente com o formato de token JWT fornecido, mantendo a segurança e a experiência do usuário.

Vou remover todos os dados simulados e arquivos não utilizados do projeto, mantendo apenas o que é essencial e funcional.

Resumo das Limpezas Realizadas

Arquivos Removidos:

1. components/dashboard-stats.jsx - Estatísticas simuladas do dashboard
2. components/recent-documents.jsx - Lista de documentos recentes simulados
3. components/new-document-dialog.jsx - Dialog de criação de documento com dados simulados
4. components/new-sector-dialog.jsx - Dialog de criação de setor com dados simulados
5. components/notifications-dropdown.jsx - Dropdown de notificações com dados simulados
6. components/date-picker.jsx - Componente de seleção de data não utilizado
7. components/data-fetching-example.jsx - Exemplo de busca de dados não utilizado
8. components/auth-provider.jsx - Provider de autenticação substituído pelo hook useAuth
9. lib/store.js - Store Jotai não utilizado
10. app/setores/[id]/page.jsx - Página de detalhes do setor com dados simulados
11. app/setores/[id]/loading.jsx - Loading da página de detalhes do setor

Dados Simulados Removidos:

• Arrays de documentos simulados
• Arrays de usuários simulados
• Arrays de setores simulados
• Dados de estatísticas simulados
• Notificações simuladas

Componentes Limpos:

• Dashboard: Agora mostra apenas uma mensagem de boas-vindas e cards informativos
• Documentos: Interface limpa aguardando integração com API real
• Setores: Interface limpa aguardando integração com API real
• Arquivados: Interface limpa aguardando integração com API real
• Usuários: Mantido funcional com integração à API real
• Configurações: Simplificado, removendo dados simulados

Package.json Limpo:

• Removidas dependências não utilizadas (MUI, date-fns, jotai, etc.)
• Mantidas apenas as dependências essenciais para o funcionamento

O projeto agora está limpo, focado apenas nas funcionalidades essenciais e pronto para integração completa com a API real. Todos os componentes mantêm sua estrutura visual mas aguardam dados reais da API para exibição.