add img preview + fix navbar

app/components/ComponentItem.vue

@@ -214,13 +214,21 @@
             class="flex items-center justify-between rounded border border-base-200 bg-base-100 px-3 py-2"
           >
             <div class="flex items-center gap-3 text-sm">
-              <span class="text-xl" :class="documentIcon(document).colorClass">
+              <div class="h-14 w-14 flex-shrink-0 overflow-hidden rounded-md border border-base-200 bg-base-200/70 flex items-center justify-center">
+                <img
+                  v-if="isImageDocument(document) && document.path"
+                  :src="document.path"
+                  class="h-full w-full object-cover"
+                  :alt="`Aperçu de ${document.name}`"
+                >
                 <component
+                  v-else
                   :is="documentIcon(document).component"
                   class="h-6 w-6"
+                  :class="documentIcon(document).colorClass"
                   aria-hidden="true"
                 />
-              </span>
+              </div>
               <div>
                 <div class="font-medium">
                   {{ document.name }}
@@ -309,7 +317,7 @@ import DocumentUpload from './DocumentUpload.vue'
 import ConstructeurSelect from './ConstructeurSelect.vue'
 import { useDocuments } from '~/composables/useDocuments'
 import { getFileIcon } from '~/utils/fileIcons'
-import { canPreviewDocument } from '~/utils/documentPreview'
+import { canPreviewDocument, isImageDocument } from '~/utils/documentPreview'
 import DocumentPreviewModal from '~/components/DocumentPreviewModal.vue'
 import IconLucideChevronRight from '~icons/lucide/chevron-right'
 import { useCustomFields } from '~/composables/useCustomFields'