feat: add basic relay management in rust

packages/ui/src/note/activity.tsx

@@ -15,7 +15,7 @@ export function NoteActivity({ className }: { className?: string }) {
 				{mentions.splice(0, 4).map((mention) => (
 					<User.Provider key={mention} pubkey={mention}>
 						<User.Root>
-							<User.Name className="text-sm font-medium" />
+							<User.Name className="text-sm font-medium" prefix="@" />
 						</User.Root>
 					</User.Provider>
 				))}

packages/ui/src/user/name.tsx

@@ -3,19 +3,19 @@ import { useUserContext } from "./provider";
 
 export function UserName({
 	className,
-	suffix,
+	prefix,
 }: {
 	className?: string;
-	suffix?: string;
+	prefix?: string;
 }) {
 	const user = useUserContext();
 
 	return (
 		<div className={cn("max-w-[12rem] truncate", className)}>
+			{prefix}
 			{user.profile?.display_name ||
 				user.profile?.name ||
 				displayNpub(user.pubkey, 16)}
-			{suffix}
 		</div>
 	);
 }