feat(frontend): replace inline icons with lucide components

app/pages/documents.vue

@@ -45,10 +45,7 @@
         </div>
 
         <div v-else-if="filteredDocuments.length === 0" class="text-center py-16 text-sm text-gray-500">
-          <svg class="mx-auto mb-4 h-14 w-14 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.172 7l-6.586 6.586a2 2 0 000 2.828L11.586 19a2 2 0 002.828 0L21 12.414V7H15.172z" />
-            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 17L3 20m0 0l3 3m-3-3h12" />
-          </svg>
+          <IconLucideFileSearch class="mx-auto mb-4 h-14 w-14 text-gray-400" aria-hidden="true" />
           Aucun document ne correspond à votre recherche pour l'instant.
         </div>
 
@@ -69,7 +66,11 @@
                 <td>
                   <div class="flex items-center gap-3">
                     <span class="text-xl" :class="documentIcon(document).colorClass">
-                      {{ documentIcon(document).icon }}
+                      <component
+                        :is="documentIcon(document).component"
+                        class="h-6 w-6"
+                        aria-hidden="true"
+                      />
                     </span>
                     <div>
                       <div class="font-semibold">{{ document.name }}</div>
@@ -120,6 +121,7 @@ import { useDocuments } from '~/composables/useDocuments'
 import { getFileIcon } from '~/utils/fileIcons'
 import { canPreviewDocument } from '~/utils/documentPreview'
 import DocumentPreviewModal from '~/components/DocumentPreviewModal.vue'
+import IconLucideFileSearch from '~icons/lucide/file-search'
 
 
 const { documents, loading, loadDocuments } = useDocuments()