feat(#24): criar UI do ProfileCard

Mudanças

ProfileCard implementado (src/components/profile/profilecard.tsx) alinhado ao Figma:
Rota conectada: src/routes/(index)/my-profile/index.tsx renderiza o ProfileCard.
Status do comprovante exibido via useQuery (por enquanto mockado, só pra validar layout/comportamento).

Como testar

npm start
Acesse /my-profile
Confira:
- Tipografia e cores conforme Figma (título em #2E361D, seções em 20px).
- Linha de separação visível abaixo dos títulos de seção (1px).
- Espaçamento interno do card e entre os itens conforme o layout.
- Botão Enviar comprovante abre placeholder (alert).
- Botão Editar Dados leva para /(index)/edit-profile.

Acceptance Criteria

Usar os componentes já prontos (CanvasCard, Typography, Separator, DefaultButton, CardStatus)
Usar o componente Card
Mostrar o status do envio do comprovante usando useQuery (mock nesta etapa)
Botão para enviar comprovante abre a modal (placeholder via alert)
Editar dados leva à tela de edição de cadastro (/(index)/edit-profile)
Integrar com API real (próxima etapa): GET /users/me, status do comprovante e upload

Screenshots da tela/componente desenvolvido

Observações

Esta PR é focada em UI/estrutura para revisão de design. Os dados estão mockados de propósito, aguardando contrato/endpoints.

Assim que a API estiver disponível, envio uma PR pequena só com a integração (sem mexer em layout).

Refs: #24 – Card Meu Perfil

🔄 Sincronizado do GitHub

🔗 PR original: https://github.com/AGES-Pro-Mata/frontend/pull/68
👤 Autor: @bycarolina
📅 Criado: 2025-09-07T21:40:10Z
🔢 ID GitHub: #68
🌿 Branches: feature/profile-card-ui → dev
📊 Estado: open
🔀 Mergeable: unknown

Sincronizado automaticamente do GitHub para GitLab AGES