fix(nc-gui): use LazyCellAttachmentImage for images only

packages/nc-gui/components/smartsheet/Kanban.vue

@@ -13,6 +13,7 @@ import {
   MetaInj,
   OpenNewRecordFormHookInj,
   inject,
+  isImage,
   isLTAR,
   onBeforeMount,
   onBeforeUnmount,
@@ -459,12 +460,14 @@ watch(view, async (nextView) => {
                                       <div style="z-index: 1"></div>
                                     </template>
 
-                                    <LazyCellAttachmentImage
+                                    <template v-for="(attachment, index) in attachments(record)">
-                                      v-for="(attachment, index) in attachments(record)"
+                                      <LazyCellAttachmentImage
-                                      :key="`carousel-${record.row.id}-${index}`"
+                                        v-if="isImage(attachment.title, attachment.mimetype ?? attachment.type)"
-                                      class="h-52 object-cover"
+                                        :key="`carousel-${record.row.id}-${index}`"
-                                      :src="getPossibleAttachmentSrc(attachment)"
+                                        class="h-52 object-cover"
-                                    />
+                                        :src="getPossibleAttachmentSrc(attachment)"
+                                      />
+                                    </template>
                                   </a-carousel>
 
                                   <MdiFileImageBox v-else class="w-full h-48 my-4 text-cool-gray-200" />