fix: update dependencies and improve chat component structure

- Updated `lucide-svelte` dependency to version 0.552.0 across multiple files for consistency.
- Refactored chat components to enhance structure and readability, including adjustments to the Sidebar, ChatList, and MessageInput components.
- Improved notification handling in chat components to ensure better user experience and responsiveness.
- Added type safety enhancements in various components to ensure better integration with backend data models.

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

@@ -11,6 +11,7 @@
   import SalaReuniaoManager from "./SalaReuniaoManager.svelte";
   import { getAvatarUrl } from "$lib/utils/avatarGenerator";
   import { authStore } from "$lib/stores/auth.svelte";
+  import { Bell, X } from "lucide-svelte";
 
   interface Props {
     conversaId: string;
@@ -122,8 +123,8 @@
         fill="none"
         stroke="currentColor"
         stroke-width="2.5"
-        stroke-linecap="round"
-        stroke-linejoin="round"
+          stroke-linecap="round"
+          stroke-linejoin="round"
         class="w-6 h-6 text-primary"
       >
         <path d="M19 12H5M12 19l-7-7 7-7"/>
@@ -391,21 +392,19 @@
 
 <!-- Modal de Enviar Notificação -->
 {#if showNotificacaoModal && conversa()?.tipo === "sala_reuniao" && isAdmin?.data}
-  <div class="fixed inset-0 z-[100] flex items-center justify-center bg-black/50" onclick={() => (showNotificacaoModal = false)}>
-    <div
-      class="bg-base-100 rounded-xl shadow-2xl w-full max-w-md m-4"
-      onclick={(e) => e.stopPropagation()}
-    >
+  <dialog class="modal modal-open" onclick={(e) => e.target === e.currentTarget && (showNotificacaoModal = false)}>
+    <div class="modal-box max-w-md" onclick={(e) => e.stopPropagation()}>
       <div class="flex items-center justify-between px-6 py-4 border-b border-base-300">
-        <h2 class="text-xl font-semibold">Enviar Notificação</h2>
+        <h2 class="text-xl font-semibold flex items-center gap-2">
+          <Bell class="w-5 h-5 text-primary" />
+          Enviar Notificação
+        </h2>
         <button
           type="button"
           class="btn btn-ghost btn-sm btn-circle"
           onclick={() => (showNotificacaoModal = false)}
         >
-          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-5 h-5">
-            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12" />
-          </svg>
+          <X class="w-5 h-5" />
         </button>
       </div>
       <div class="p-6">
@@ -474,6 +473,9 @@
         </form>
       </div>
     </div>
-  </div>
+    <form method="dialog" class="modal-backdrop">
+      <button type="button" onclick={() => (showNotificacaoModal = false)}>fechar</button>
+    </form>
+  </dialog>
 {/if}