feat(frontend): replace inline icons with lucide components

app/components/DocumentUpload.vue

@@ -7,9 +7,7 @@
     @drop.prevent="onDrop"
   >
     <div class="flex flex-col items-center gap-3 text-center">
-      <svg class="w-10 h-10 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 16a4 4 0 00-.88 7.912L6 24h12a4 4 0 00.88-7.912L18 16H7zm5-14a4 4 0 014 4v4h1.586a1 1 0 01.707 1.707l-5.586 5.586a1 1 0 01-1.414 0L7.707 11.707A1 1 0 018.414 10H10V6a4 4 0 014-4z" />
-      </svg>
+      <IconLucideCloudUpload class="w-10 h-10 text-primary" aria-hidden="true" />
 
       <div>
         <h3 class="font-semibold">{{ title }}</h3>
@@ -35,7 +33,12 @@
       <ul v-if="selectedFiles.length" class="mt-4 w-full space-y-2 text-left">
         <li v-for="file in selectedFiles" :key="file.name" class="flex items-center justify-between text-sm">
           <div class="flex items-center gap-3">
-            <span class="text-xl" :class="getIcon(file).colorClass">{{ getIcon(file).icon }}</span>
+            <component
+              :is="getIcon(file).component"
+              class="h-6 w-6"
+              :class="getIcon(file).colorClass"
+              aria-hidden="true"
+            />
             <div class="flex flex-col">
               <span class="font-medium">{{ file.name }}</span>
               <span class="text-xs text-gray-500">{{ formatSize(file.size) }} • {{ file.type || 'Type inconnu' }}</span>
@@ -54,6 +57,7 @@
 import { ref, computed, watch } from 'vue'
 import { useToast } from '~/composables/useToast'
 import { getFileIcon } from '~/utils/fileIcons'
+import IconLucideCloudUpload from '~icons/lucide/cloud-upload'
 
 const props = defineProps({
   title: {