FEAT: Create pagination component for data display table #105
Description
🗂️ Task: Componente de paginação para tabela de apuração
📌 Descrição
Desenvolver um componente de paginação reutilizável para a tabela de apuração de dados. O componente deve exibir sempre três números de página: anterior, atual e próximo, além de botões de navegação para avançar e retroceder entre as páginas.
O componente deve ser reutilizável e receber por props os dados necessários para funcionamento, como página atual, total de páginas e uma função de callback para mudança de página. Ele será utilizado por várias tabelas diferentes.
⚠️ Requisitos:
- Exibir 3 números:
- Página anterior (se existir)
- Página atual (destacada)
- Próxima página (se existir)
- Botão para retroceder página (
<) - Botão para avançar página (
>) - Componente reutilizável e isolado
- Recebe como props:
- Página atual
- Total de páginas
- Callback ou evento de mudança de página
- Lidar corretamente com bordas (ex: primeira página ou última página)
- Estilização compatível com o painel administrativo
✅ Critérios de aceitação:
- Exibição correta das páginas com base nos dados recebidos
- Botões de navegação funcionam corretamente e respeitam os limites
- Componente responde às props dinamicamente
- Emite evento ou executa callback ao mudar de página
- Visual limpo e integrado com o restante do sistema
- Sem bugs de navegação
📷 Imagem do Componente
