Central de perfil — 7. Seções editáveis

[tarcisiopgs]

Parte do épico Central de perfil do profissional (frente: frontend). Mocks são base direcional.

Objetivo: Seções editáveis da central, com estados completos.

Arquivos: Create src/features/profile/sections/ (Dados Pessoais, Biografia, Serviços, Local de Atendimento, Métodos de Pagamento) · Test src/__tests__/profileSections.test.tsx
Dependências: developmentHC/conectaBemBack#90 (Swagger/Kubb), #241 (casca)

O que fazer:

• Uma tela por seção (react-hook-form + Zod), reusando useCEP/ViaCEP (Local de Atendimento), o seletor de especialidades (Serviços) e o componente de foto. Cada seção consome o hook Kubb do seu endpoint e atualiza o progresso.
• Enumerar estados por seção: carregamento inicial (skeleton) e empty-state de primeiro acesso; ViaCEP (carregando/não encontrado/erro → manual); foto (idle/preview/enviando/sucesso/erro, com tipos e tamanho visíveis); salvar (sucesso in-place / erro com retry).
• Critério de "seção completa" para o progresso (ex.: Dados Pessoais = nome+telefone+nascimento; Serviços = ≥1 especialidade; Local = clínica preenchida). Biografia e Pagamento são opcionais.

Test scenarios: cada seção carrega dados ou empty-state e salva (persistido); ViaCEP preenche; seletor de especialidades funciona; foto mostra preview/erro/sucesso; progresso reflete o critério.

Pronto quando: as cinco seções são editáveis, com estados completos, e o progresso reflete a completude.