add trending notes

src/shared/notes/preview/image.tsx

@@ -0,0 +1,19 @@
+import { Image } from "@shared/image";
+
+export function ImagePreview({ urls }: { urls: string[] }) {
+	return (
+		<div className="mt-3 overflow-hidden">
+			<div className="flex flex-col gap-2">
+				{urls.map((url) => (
+					<div key={url} className="min-w-0 grow-0 shrink-0 basis-full">
+						<Image
+							src={url}
+							alt="image"
+							className="h-auto w-full rounded-lg object-cover"
+						/>
+					</div>
+				))}
+			</div>
+		</div>
+	);
+}