add trending notes

src/shared/notes/replies/item.tsx

@@ -0,0 +1,20 @@
+import { Kind1 } from "@shared/notes/kind1";
+import { NoteMetadata } from "@shared/notes/metadata";
+import { User } from "@shared/user";
+import { parser } from "@utils/parser";
+
+export function Reply({ data }: { data: any }) {
+	const content = parser(data);
+
+	return (
+		<div className="flex h-min min-h-min w-full select-text flex-col px-3 pt-5 mb-3 rounded-md bg-zinc-900">
+			<div className="flex flex-col">
+				<User pubkey={data.pubkey} time={data.created_at} />
+				<div className="-mt-[20px] pl-[47px]">
+					<Kind1 content={content} />
+					<NoteMetadata id={data.id} eventPubkey={data.pubkey} />
+				</div>
+			</div>
+		</div>
+	);
+}