refactor: remove outdated avatar and chat update documentation files; streamline project structure for improved maintainability

apps/web/src/lib/components/chat/MessageList.svelte

@@ -19,9 +19,18 @@
   let messagesContainer: HTMLDivElement;
   let shouldScrollToBottom = true;
 
+  // DEBUG: Log quando mensagens mudam
+  $effect(() => {
+    console.log("💬 [MessageList] Mensagens atualizadas:", {
+      conversaId,
+      count: mensagens?.data?.length || 0,
+      mensagens: mensagens?.data,
+    });
+  });
+
   // Auto-scroll para a última mensagem
   $effect(() => {
-    if (mensagens && shouldScrollToBottom && messagesContainer) {
+    if (mensagens?.data && shouldScrollToBottom && messagesContainer) {
       tick().then(() => {
         messagesContainer.scrollTop = messagesContainer.scrollHeight;
       });
@@ -30,8 +39,8 @@
 
   // Marcar como lida quando mensagens carregam
   $effect(() => {
-    if (mensagens && mensagens.length > 0) {
-      const ultimaMensagem = mensagens[mensagens.length - 1];
+    if (mensagens?.data && mensagens.data.length > 0) {
+      const ultimaMensagem = mensagens.data[mensagens.data.length - 1];
       client.mutation(api.chat.marcarComoLida, {
         conversaId,
         mensagemId: ultimaMensagem._id as any,
@@ -98,8 +107,8 @@
   bind:this={messagesContainer}
   onscroll={handleScroll}
 >
-  {#if mensagens && mensagens.length > 0}
-    {@const gruposPorDia = agruparMensagensPorDia(mensagens)}
+  {#if mensagens?.data && mensagens.data.length > 0}
+    {@const gruposPorDia = agruparMensagensPorDia(mensagens.data)}
     {#each Object.entries(gruposPorDia) as [dia, mensagensDia]}
       <!-- Separador de dia -->
       <div class="flex items-center justify-center my-4">
@@ -110,7 +119,7 @@
 
       <!-- Mensagens do dia -->
       {#each mensagensDia as mensagem (mensagem._id)}
-        {@const isMinha = mensagem.remetente?._id === mensagens[0]?.remetente?._id}
+        {@const isMinha = mensagem.remetente?._id === mensagens.data[0]?.remetente?._id}
         <div class={`flex mb-4 ${isMinha ? "justify-end" : "justify-start"}`}>
           <div class={`max-w-[75%] ${isMinha ? "items-end" : "items-start"}`}>
             <!-- Nome do remetente (apenas se não for minha) -->
@@ -203,7 +212,7 @@
     {/each}
 
     <!-- Indicador de digitação -->
-    {#if digitando && digitando.length > 0}
+    {#if digitando?.data && digitando.data.length > 0}
       <div class="flex items-center gap-2 mb-4">
         <div class="flex items-center gap-1">
           <div class="w-2 h-2 rounded-full bg-base-content/50 animate-bounce"></div>
@@ -217,13 +226,13 @@
           ></div>
         </div>
         <p class="text-xs text-base-content/60">
-          {digitando.map((u: any) => u.nome).join(", ")} {digitando.length === 1
+          {digitando.data.map((u: any) => u.nome).join(", ")} {digitando.data.length === 1
             ? "está digitando"
             : "estão digitando"}...
         </p>
       </div>
     {/if}
-  {:else if !mensagens}
+  {:else if !mensagens?.data}
     <!-- Loading -->
     <div class="flex items-center justify-center h-full">
       <span class="loading loading-spinner loading-lg"></span>