use new note parser for note component

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

@@ -0,0 +1,31 @@
+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
+            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
+              src={url}
+              alt="image"
+              className="h-auto w-full rounded-lg object-cover"
+              loading="lazy"
+              decoding="async"
+              style={{ contentVisibility: 'auto' }}
+            />
+          </div>
+        ))
+      )}
+    </div>
+  );
+}