add trending notes

src/shared/notes/metadata/zap.tsx

@@ -0,0 +1,20 @@
+import { ZapIcon } from "@shared/icons";
+import { compactNumber } from "@utils/number";
+
+export function NoteZap({ zaps }: { zaps: number }) {
+	return (
+		<button
+			type="button"
+			className="w-14 group inline-flex items-center gap-1.5"
+		>
+			<ZapIcon
+				width={16}
+				height={16}
+				className="text-zinc-400 group-hover:text-blue-400"
+			/>
+			<span className="text-base leading-none text-zinc-400 group-hover:text-white">
+				{compactNumber.format(zaps)}
+			</span>
+		</button>
+	);
+}