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/ErrorModal.svelte

@@ -1,4 +1,6 @@
 <script lang="ts">
+  import { AlertCircle } from "lucide-svelte";
+  
   interface Props {
     open: boolean;
     title?: string;
@@ -20,20 +22,7 @@
   <div class="modal modal-open">
     <div class="modal-box">
       <h3 class="font-bold text-lg text-error mb-4 flex items-center gap-2">
-        <svg
-          xmlns="http://www.w3.org/2000/svg"
-          class="h-6 w-6"
-          fill="none"
-          viewBox="0 0 24 24"
-          stroke="currentColor"
-        >
-          <path
-            stroke-linecap="round"
-            stroke-linejoin="round"
-            stroke-width="2"
-            d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
-          />
-        </svg>
+        <AlertCircle class="h-6 w-6" strokeWidth={2} />
         {title}
       </h3>
       <p class="py-4 text-base-content">{message}</p>