add img preview + fix navbar

app/pages/machine/[id].vue

@@ -265,13 +265,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 }}</div>
                   <div class="text-xs text-gray-500">
@@ -517,7 +525,7 @@ import { useToast } from '~/composables/useToast'
 import { useDocuments } from '~/composables/useDocuments'
 import { getFileIcon } from '~/utils/fileIcons'
 import { sanitizeDefinitionOverrides } from '~/shared/modelUtils'
-import { canPreviewDocument } from '~/utils/documentPreview'
+import { canPreviewDocument, isImageDocument } from '~/utils/documentPreview'
 import ComponentHierarchy from '~/components/ComponentHierarchy.vue'
 import DocumentUpload from '~/components/DocumentUpload.vue'
 import ConstructeurSelect from '~/components/ConstructeurSelect.vue'