Fix: usar nombres correctos de componentes Nuxt 3

En Nuxt 3, los componentes en subdirectorios usan prefijos:
- ChatItem -> MessagesChatItem
- MessageBubble -> MessagesMessageBubble
- MessageInput -> MessagesMessageInput

app/pages/messages/index.vue

@@ -37,7 +37,7 @@
           </div>
 
           <div v-else>
-            <ChatItem
+            <MessagesChatItem
               v-for="chat in filteredChats"
               :key="chat.id"
               :chat="chat"
@@ -69,7 +69,7 @@
 
           <!-- Messages -->
           <div class="flex-1 overflow-y-auto p-4 space-y-2">
-            <MessageBubble
+            <MessagesMessageBubble
               v-for="message in messages"
               :key="message.id"
               :message="message"
@@ -78,7 +78,7 @@
 
           <!-- Input -->
           <div class="p-4 border-t border-[var(--wa-border)]">
-            <MessageInput @send="handleSendMessage" />
+            <MessagesMessageInput @send="handleSendMessage" />
           </div>
         </template>
       </div>