add img preview + fix navbar

app/pages/component/[id]/edit.vue

@@ -300,13 +300,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 }}
@@ -379,7 +387,7 @@ import { formatStructurePreview } from '~/shared/modelUtils'
 import type { ComponentModelStructure } from '~/shared/types/inventory'
 import type { ModelType } from '~/services/modelTypes'
 import { getFileIcon } from '~/utils/fileIcons'
-import { canPreviewDocument } from '~/utils/documentPreview'
+import { canPreviewDocument, isImageDocument } from '~/utils/documentPreview'
 
 interface ComponentCatalogType extends ModelType {
   structure: ComponentModelStructure | null