Fix: Corregir implementación del modal según documentación de Nuxt UI

- Usar v-model:open en lugar de v-model
- Mover botón dentro del UModal como trigger (slot por defecto)
- Contenido en slot #content según documentación
- Agregar title como prop del UModal
- Eliminar UCard innecesario

nuxt4/app/components/auth/EditProfileButton.vue

@@ -1,29 +1,17 @@
 <template>
-  <UButton
-    icon="i-heroicons-pencil-square"
-    color="primary"
-    variant="soft"
-    :loading="isLoading"
-    @click="openModal"
-  >
-    Editar Perfil
-  </UButton>
+  <UModal v-model:open="isOpen" title="Editar Perfil">
+    <UButton
+      icon="i-heroicons-pencil-square"
+      color="primary"
+      variant="soft"
+      :loading="isLoading"
+      @click="openModal"
+    >
+      Editar Perfil
+    </UButton>
 
-  <UModal v-model="isOpen" :prevent-close="isUpdating">
-    <UCard @click.stop>
-      <template #header>
-        <div class="flex items-center justify-between">
-          <h3 class="text-lg font-semibold">Editar Perfil</h3>
-          <UButton
-            color="neutral"
-            variant="ghost"
-            icon="i-heroicons-x-mark"
-            @click="isOpen = false"
-          />
-        </div>
-      </template>
-
-      <form @submit.prevent="updateProfile" class="space-y-4">
+    <template #content>
+      <div class="p-4 space-y-4">
         <UFormGroup label="Nombre Completo" name="name">
           <UInput
             v-model="formData.name"
@@ -51,10 +39,8 @@
             <span class="text-xs text-gray-500">El username no se puede cambiar</span>
           </template>
         </UFormGroup>
-      </form>
 
-      <template #footer>
-        <div class="flex justify-end gap-2">
+        <div class="flex justify-end gap-2 pt-4">
           <UButton
             color="neutral"
             variant="ghost"
@@ -71,8 +57,8 @@
             Guardar Cambios
           </UButton>
         </div>
-      </template>
-    </UCard>
+      </div>
+    </template>
   </UModal>
 </template>