feat: enhance vacation management system with new employee association functionality, improved email notification handling, and comprehensive documentation; update dependencies and UI components for better user experience

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

@@ -180,6 +180,7 @@
   </button>
 
   {#if dropdownOpen}
+    <!-- svelte-ignore a11y_no_noninteractive_tabindex -->
     <div
       tabindex="0"
       class="dropdown-content z-50 mt-3 w-80 max-h-96 overflow-auto rounded-box bg-base-100 p-2 shadow-2xl border border-base-300"

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

@@ -99,19 +99,21 @@
   }
 </script>
 
-<div 
+<!-- svelte-ignore a11y_click_events_have_key_events -->
+<!-- svelte-ignore a11y_no_static_element_interactions -->
+<div
   class="fixed inset-0 z-[100] flex items-center justify-center bg-black/50" 
   onclick={onClose}
-  role="dialog"
-  aria-modal="true"
-  aria-labelledby="modal-title"
   onkeydown={(e) => e.key === 'Escape' && onClose()}
-  tabindex="-1"
 >
+  <!-- svelte-ignore a11y_no_static_element_interactions -->
   <div
     class="bg-base-100 rounded-xl shadow-2xl w-full max-w-2xl max-h-[90vh] flex flex-col m-4"
     onclick={(e) => e.stopPropagation()}
-    role="document"
+    role="dialog"
+    aria-modal="true"
+    aria-labelledby="modal-title"
+    tabindex="-1"
   >
     <!-- Header ULTRA MODERNO -->
     <div class="flex items-center justify-between px-6 py-5 relative overflow-hidden" style="background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);">
@@ -181,10 +183,11 @@
               placeholder="Digite a mensagem..."
               bind:value={mensagem}
               maxlength="500"
+              aria-describedby="char-count"
             ></textarea>
-            <label class="label">
-              <span class="label-text-alt">{mensagem.length}/500</span>
-            </label>
+            <div class="label">
+              <span id="char-count" class="label-text-alt">{mensagem.length}/500</span>
+            </div>
           </div>
 
           <div class="grid md:grid-cols-2 gap-4">