feat(frontend): replace inline icons with lucide components

app/components/ComponentItem.vue

@@ -17,9 +17,7 @@
           :aria-expanded="!isCollapsed"
           :title="isCollapsed ? 'Déplier les détails du composant' : 'Replier les détails du composant'"
         >
-          <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
-          </svg>
+          <IconLucideChevronRight class="w-5 h-5 transition-transform" aria-hidden="true" />
           <span class="sr-only">{{ isCollapsed ? 'Déplier' : 'Replier' }} le composant</span>
         </button>
         <div class="flex-1">
@@ -195,7 +193,11 @@
           >
             <div class="flex items-center gap-3 text-sm">
               <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-medium">{{ document.name }}</div>
@@ -277,6 +279,7 @@ import { useDocuments } from '~/composables/useDocuments'
 import { getFileIcon } from '~/utils/fileIcons'
 import { canPreviewDocument } from '~/utils/documentPreview'
 import DocumentPreviewModal from '~/components/DocumentPreviewModal.vue'
+import IconLucideChevronRight from '~icons/lucide/chevron-right'
 
 const props = defineProps({
   component: {