feat(frontend): replace inline icons with lucide components

app/components/PieceItem.vue

@@ -8,9 +8,10 @@
 
     <div class="flex items-center justify-between mb-3">
       <div class="flex items-center gap-2">
-        <svg class="w-4 h-4 text-purple-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"></path>
-        </svg>
+        <IconLucidePackage
+          class="w-4 h-4 text-purple-500"
+          aria-hidden="true"
+        />
         <input 
           v-if="isEditMode"
           :id="`piece-name-${piece.id}`"
@@ -201,7 +202,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>
@@ -250,6 +255,7 @@ import { canPreviewDocument } from '~/utils/documentPreview'
 import DocumentUpload from '~/components/DocumentUpload.vue'
 import DocumentPreviewModal from '~/components/DocumentPreviewModal.vue'
 import ConstructeurSelect from './ConstructeurSelect.vue'
+import IconLucidePackage from '~icons/lucide/package'
 
 const props = defineProps({
   piece: {