Unificar endpoint de envío y agregar soporte para stickers

- Consolidar send.post.ts y send-media.post.ts en un único endpoint /send
- Agregar servicio sticker-processor.ts para convertir imágenes a WebP 512x512
- Agregar toggle Imagen/Sticker en MediaPreview para enviar imágenes como stickers
- Actualizar MessageInput y página de mensajes para usar endpoint unificado
- Instalar dependencia sharp para procesamiento de imágenes

app/components/messages/MessageInput.vue

@@ -29,6 +29,7 @@
       :caption="caption"
       @remove="removeFile"
       @update:caption="caption = $event"
+      @update:stickerModes="stickerModes = $event"
     />
 
     <!-- Recording indicator -->
@@ -163,7 +164,7 @@ const props = withDefaults(defineProps<Props>(), {
 })
 
 const emit = defineEmits<{
-  send: [content: string, files: File[], caption: string, quotedId?: string]
+  send: [content: string, files: File[], caption: string, quotedId?: string, stickerModes?: boolean[]]
   sendVoice: [audioFile: File]
   cancelReply: []
   typing: []
@@ -181,6 +182,7 @@ const message = ref('')
 const selectedFiles = ref<File[]>([])
 const caption = ref('')
 const isDragging = ref(false)
+const stickerModes = ref<boolean[]>([])
 
 // Audio recorder
 const {
@@ -258,13 +260,15 @@ const handleSend = () => {
     message.value.trim(),
     [...selectedFiles.value],
     caption.value,
-    props.replyingTo?.messageId
+    props.replyingTo?.messageId,
+    [...stickerModes.value]
   )
 
   // Clear state
   message.value = ''
   selectedFiles.value = []
   caption.value = ''
+  stickerModes.value = []
 }
 
 const startRecording = async () => {