add trending notes

src/shared/notes/mentions/user.tsx

@@ -0,0 +1,15 @@
+import { useProfile } from "@utils/hooks/useProfile";
+import { shortenKey } from "@utils/shortenKey";
+
+export function MentionUser({ pubkey }: { pubkey: string }) {
+	const { user } = useProfile(pubkey);
+
+	return (
+		<a
+			href={`/user?pubkey=${pubkey}`}
+			className="text-fuchsia-500 hover:text-fuchsia-600 no-underline font-normal"
+		>
+			@{user?.name || user?.displayName || shortenKey(pubkey)}
+		</a>
+	);
+}