add image component

src/app/note/components/preview/image.tsx

@@ -1,26 +1,24 @@
+import { Image } from '@lume/shared/image';
+
 export default function ImagePreview({ urls }: { urls: string[] }) {
   return (
     <div className="mt-2 grid h-full w-full grid-cols-2">
       {urls.length === 1 ? (
         <div className="col-span-2">
-          <img
+          <Image
             src={urls[0]}
             alt="image"
             className="h-auto w-full rounded-lg object-cover"
-            loading="lazy"
-            decoding="async"
             style={{ contentVisibility: 'auto' }}
           />
         </div>
       ) : (
         urls.map((url: string) => (
           <div key={url} className="col-span-1">
-            <img
+            <Image
               src={url}
               alt="image"
               className="h-auto w-full rounded-lg object-cover"
-              loading="lazy"
-              decoding="async"
               style={{ contentVisibility: 'auto' }}
             />
           </div>