feat(dados): adicionar formatação de documentos para exibição correta de CPF e CNPJ

src/pages/portal/dados.vue

@@ -30,6 +30,16 @@ onMounted(async () => {
     }
 })
 
+function formatarDocumento(doc, tipo) {
+    if (!doc) return '—'
+    const d = doc.replace(/\D/g, '')
+    if (tipo === 'JURIDICA' && d.length === 14)
+        return d.replace(/(\d{2})(\d{3})(\d{3})(\d{4})(\d{2})/, '$1.$2.$3/$4-$5')
+    if (d.length === 11)
+        return d.replace(/(\d{3})(\d{3})(\d{3})(\d{2})/, '$1.$2.$3-$4')
+    return doc
+}
+
 async function salvarContato() {
     salvando.value = true
     mensagemErro.value = ''
@@ -93,7 +103,7 @@ function formatarTelefone(e) {
                 <div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
                     <div>
                         <p class="text-xs text-slate-400 dark:text-slate-500">{{ dados.tipoPessoa === 'JURIDICA' ? 'CNPJ' : 'CPF' }}</p>
-                        <p class="text-sm font-semibold text-slate-800 dark:text-slate-100 mt-0.5 font-mono">{{ dados.documento }}</p>
+                        <p class="text-sm font-semibold text-slate-800 dark:text-slate-100 mt-0.5 font-mono">{{ formatarDocumento(dados.documento, dados.tipoPessoa) }}</p>
                     </div>
                     <div>
                         <p class="text-xs text-slate-400 dark:text-slate-500">{{ dados.tipoPessoa === 'JURIDICA' ? 'Razão Social' : 'Nome completo' }}</p>