Fix: Corregir bugs en interfaz de mensajes

- Corregir modal de imagen vacío (agregar template #default a UModal)
- Agregar soporte para click derecho y long press en selector de reacciones
- Agregar fondo sólido al card de reacciones (bg-[var(--wa-surface)])

app/components/messages/content/MessageImage.vue

@@ -89,25 +89,28 @@
 
   <!-- Fullscreen modal -->
   <UModal v-model="showFullscreen" :ui="{ width: 'max-w-[95vw]' }">
-    <div class="relative bg-black flex items-center justify-center min-h-[50vh]">
-      <img
-        :src="imageUrl"
-        :alt="'Imagen'"
-        class="max-w-full max-h-[90vh] object-contain"
-      />
-      <button
-        class="absolute top-4 right-4 p-2 rounded-full bg-black/50 text-white hover:bg-black/70"
-        @click="showFullscreen = false"
-      >
-        <UIcon name="i-lucide-x" class="w-6 h-6" />
-      </button>
-      <button
-        class="absolute bottom-4 right-4 p-2 rounded-full bg-black/50 text-white hover:bg-black/70"
-        @click="downloadImage"
-      >
-        <UIcon name="i-lucide-download" class="w-6 h-6" />
-      </button>
-    </div>
+    <template #default>
+      <div class="relative bg-black 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"
+        />
+        <button
+          class="absolute top-4 right-4 p-2 rounded-full bg-black/50 text-white hover:bg-black/70"
+          @click="showFullscreen = false"
+        >
+          <UIcon name="i-lucide-x" class="w-6 h-6" />
+        </button>
+        <button
+          class="absolute bottom-4 right-4 p-2 rounded-full bg-black/50 text-white hover:bg-black/70"
+          @click="downloadImage"
+        >
+          <UIcon name="i-lucide-download" class="w-6 h-6" />
+        </button>
+      </div>
+    </template>
   </UModal>
 </template>