add img preview + fix navbar

app/components/sites/SiteEditModal.vue

@@ -53,9 +53,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">
-                    <component :is="documentIcon(document).component" class="h-6 w-6" aria-hidden="true" />
-                  </span>
+                  <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"
+                    />
+                  </div>
                   <div>
                     <div class="font-medium">
                       {{ document.name }}
@@ -103,6 +115,7 @@
 
 <script setup>
 import { computed, toRefs } from 'vue'
+import { isImageDocument } from '~/utils/documentPreview'
 import DocumentUpload from '~/components/DocumentUpload.vue'
 import SiteContactFormFields from '~/components/sites/SiteContactFormFields.vue'