chore(nc-gui): use nuxt img

packages/nc-gui/components/cell/attachment/Carousel.vue

@@ -82,7 +82,9 @@ onClickOutside(carouselRef, () => {
 
           <template #customPaging="props">
             <a>
-              <nuxt-img
+              <LazyNuxtImg
+                quality="90"
+                placeholder
                 class="!block"
                 :alt="imageItems[props.i].title || `#${props.i}`"
                 :src="imageItems[props.i].url || imageItems[props.i].data"

packages/nc-gui/components/cell/attachment/index.vue

@@ -180,7 +180,7 @@ const { isSharedForm } = useSmartsheetStoreOrThrow()
               <div class="text-center w-full">{{ item.title }}</div>
             </template>
 
-            <nuxt-img
+            <LazyNuxtImg
               v-if="isImage(item.title, item.mimetype ?? item.type) && (item.url || item.data)"
               quality="75"
               placeholder

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

@@ -187,9 +187,10 @@ provide(ReloadRowDataHookInj, reloadViewDataHook)
                 <template #nextArrow>
                   <div style="z-index: 1"></div>
                 </template>
-                <nuxt-img
+                <LazyNuxtImg
                   v-for="(attachment, index) in attachments(record)"
                   :key="`carousel-${record.row.id}-${index}`"
+                  quality="90"
                   placeholder
                   class="h-52 object-cover"
                   :src="attachment.url"