Fix: Corregir uso de UModal según API de Nuxt UI v4

- Usar v-model:open en lugar de v-model
- Usar slot #content para contenido personalizado
- Usar slots #body/#footer para estructura predefinida
- Corregir modal de imagen fullscreen
- Corregir modal de selector de emojis

app/components/messages/content/MessageImage.vue

@@ -88,11 +88,10 @@
   </div>
 
   <!-- Fullscreen modal -->
-  <UModal v-model="showFullscreen" :ui="{ width: 'max-w-[95vw]' }">
-    <template #default>
-      <div class="relative bg-black flex items-center justify-center min-h-[50vh]">
+  <UModal v-model:open="showFullscreen" :close="false" :ui="{ content: 'max-w-[95vw] bg-black' }">
+    <template #content>
+      <div class="relative flex items-center justify-center min-h-[50vh]">
         <img
-          v-if="showFullscreen"
           :src="imageUrl"
           :alt="'Imagen'"
           class="max-w-full max-h-[90vh] object-contain"