Feature/frontend state management

[devflima]

Descrição

Este Pull Request implementa a camada de gerenciamento de estado global e integração com a API utilizando Redux Toolkit e RTK Query. Esta é a espinha dorsal da aplicação, permitindo que os componentes consumam e manipulem dados do backend Quarkus de forma reativa e eficiente.

Mudanças Realizadas

A implementação foca na centralização da lógica de dados e segurança:

1. Store Centralizada (index.js)

• Configuração do Redux Store com o middleware do RTK Query.
• Preparação para escalabilidade de novos reducers se necessário.

2. Integração com API Real (apiSlice.js)

• Implementação de todos os endpoints REST (Stats, Stacks, Contents, Projects, etc).
• Gerenciamento de JWT: Lógica integrada para anexar o token de autenticação nas requisições protegidas.
• Transformadores de Dados: Inclusão de transformResponse para tratar estados de erro ou banco vazio, garantindo que o frontend receba objetos consistentes e evite quebras de renderização.
• Mutações: Implementação de add e update para todos os módulos administrativos.

Decisões de Arquitetura

• Caching & Invalidation: Uso de providesTags e invalidatesTags para garantir que a UI se mantenha sincronizada com o banco de dados sem recarregamentos manuais.
• Robustez: Tratamento proativo de respostas nulas ou malformadas diretamente na camada de API.
• Segurança: O token JWT é recuperado dinamicamente do localStorage para autorizar chamadas administrativas.

✅ Checklist

• O apiSlice contém todos os endpoints mapeados no backend.
• As chamadas protegidas enviam o Header de Authorization corretamente.
• Os transformadores de resposta lidam com casos de dados vazios.
• A store está corretamente configurada e injetada na aplicação.