# Refatoração da tela de Forma de Pagamento

## Prompt

Agora preciso que altere a tela de `FormFormaPagamentoModal.vue`, que antes era um Dialog e agora é uma tela.

O componente apenas foi encaixado como tela e precisa ser melhorado para funcionar adequadamente nesse formato.

## Resposta

O formulário de Forma de Pagamento foi reorganizado como uma tela de cadastro e edição. A estrutura condicional de Dialog, o estado duplicado de abertura e os observadores relacionados ao modal foram removidos.

O conteúdo passou a usar um painel responsivo com cabeçalho explicativo, campos em largura total e rodapé próprio para as ações. Os botões de cancelar e salvar permanecem como ícones com tooltips, e o botão salvar agora envia diretamente o formulário.

Foram preservados os campos, a validação com Yup e Vee Validate, os serviços, as rotas e o retorno para a listagem após salvar ou cancelar.

Validações executadas:

- ESLint direcionado ao componente: aprovado.
- Type-check do Vue (`vue-tsc --build`): aprovado.
- Verificação de espaços e conflitos no diff: aprovada.
- Verificação visual: a rota foi aberta, mas a sessão isolada do navegador não possuía o estado autenticado necessário para renderizar o conteúdo protegido; nenhum erro de console foi apresentado.
- Build do frontend: aguardando confirmação do usuário, conforme `AGENTS.md`.