Adicionar useNavigate para todos os botões das páginas

[Beatriz-ge]

Descrição do Problema

Nem todos os botões nas páginas do projeto estão utilizando o hook useNavigate do React Router para gerenciar a navegação. Isso pode causar inconsistências na navegação entre as páginas e dificultar a manutenção futura do projeto.

Solução Proposta

• Identificar todos os botões que precisam de funcionalidade de navegação.
• Substituir ou adicionar a navegação usando o hook useNavigate em cada um deles.
• Garantir que todos os botões naveguem para as rotas corretas, conforme o fluxo esperado do projeto.
• Testar a navegação de todas as páginas para verificar se o comportamento está correto.

Tarefas

• Identificar todos os botões que devem utilizar o hook useNavigate.
• Adicionar o hook useNavigate e implementar a navegação para cada botão.
• Validar se todas as rotas estão configuradas corretamente no React Router.
• Testar a funcionalidade de navegação em todas as páginas.
• Refatorar o código para remover qualquer lógica de navegação redundante.

Critérios de Aceitação

• Todos os botões que exigem navegação devem utilizar o useNavigate.
• As rotas devem ser funcionais e conduzir o usuário para a página correta.
• A navegação deve estar integrada com o React Router, respeitando o fluxo do projeto.
• Nenhum botão funcional deve ficar sem implementação de navegação, quando aplicável.

Recursos

• [React Router: useNavigate](https://reactrouter.com/en/main/hooks/use-navigate)
• Documentação do projeto para entender os fluxos de navegação esperados.
• Ferramentas de teste (como React Testing Library ou Cypress) para validar a navegação.