refactor: update components to use lucide icons and improve structure

- Replaced SVG icons with lucide-svelte components across various files for consistency and improved performance.
- Refactored ActionGuard, ErrorModal, FileUpload, and other components to enhance readability and maintainability.
- Updated the dashboard pages to include new icons and improved layout for better user experience.
- Enhanced StatsCard component to support dynamic icon rendering, allowing for more flexible usage.
- Improved overall styling and structure in multiple components to align with design standards.

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

@@ -4,6 +4,7 @@
   import type { Id } from "@sgse-app/backend/convex/_generated/dataModel";
   import { onMount } from "svelte";
   import { authStore } from "$lib/stores/auth.svelte";
+  import { Paperclip, Smile, Send } from "lucide-svelte";
 
   interface Props {
     conversaId: Id<"conversas">;
@@ -340,18 +341,10 @@
         <span class="loading loading-spinner loading-sm relative z-10"></span>
       {:else}
         <!-- Ícone de clipe moderno -->
-        <svg
-          xmlns="http://www.w3.org/2000/svg"
-          viewBox="0 0 24 24"
-          fill="none"
-          stroke="currentColor"
-          stroke-width="2"
-          stroke-linecap="round"
-          stroke-linejoin="round"
+        <Paperclip
           class="w-5 h-5 text-primary relative z-10 group-hover:scale-110 transition-transform"
-        >
-          <path d="M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48"/>
-        </svg>
+          strokeWidth={2}
+        />
       {/if}
     </label>
 
@@ -367,21 +360,10 @@
         title="Adicionar emoji"
       >
         <div class="absolute inset-0 bg-warning/0 group-hover:bg-warning/10 transition-colors duration-300"></div>
-        <svg
-          xmlns="http://www.w3.org/2000/svg"
-          viewBox="0 0 24 24"
-          fill="none"
-          stroke="currentColor"
-          stroke-width="2"
-          stroke-linecap="round"
-          stroke-linejoin="round"
+        <Smile
           class="w-5 h-5 text-warning relative z-10 group-hover:scale-110 transition-transform"
-        >
-          <circle cx="12" cy="12" r="10"/>
-          <path d="M8 14s1.5 2 4 2 4-2 4-2"/>
-          <line x1="9" y1="9" x2="9.01" y2="9"/>
-          <line x1="15" y1="9" x2="15.01" y2="9"/>
-        </svg>
+          strokeWidth={2}
+        />
       </button>
 
       <!-- Picker de Emojis -->
@@ -458,14 +440,9 @@
         <span class="loading loading-spinner loading-sm relative z-10 text-white"></span>
       {:else}
         <!-- Ícone de avião de papel moderno -->
-        <svg
-          xmlns="http://www.w3.org/2000/svg"
-          viewBox="0 0 24 24"
-          fill="currentColor"
+        <Send
           class="w-5 h-5 text-white relative z-10 group-hover:scale-110 group-hover:translate-x-1 transition-all"
-        >
-          <path d="M3.478 2.405a.75.75 0 00-.926.94l2.432 7.905H13.5a.75.75 0 010 1.5H4.984l-2.432 7.905a.75.75 0 00.926.94 60.519 60.519 0 0018.445-8.986.75.75 0 000-1.218A60.517 60.517 0 003.478 2.405z"/>
-        </svg>
+        />
       {/if}
     </button>
   </div>