feat: add reply form

packages/ui/src/editor/form.tsx

@@ -1,4 +1,4 @@
-import { MentionNote, useArk, useColumnContext } from "@lume/ark";
+import { MentionNote, User, useArk, useColumnContext } from "@lume/ark";
 import { LoaderIcon, TrashIcon } from "@lume/icons";
 import { useStorage } from "@lume/storage";
 import { NDKCacheUserProfile } from "@lume/types";
@@ -24,7 +24,6 @@ import {
 	withReact,
 } from "slate-react";
 import { toast } from "sonner";
-import { User } from "../user";
 import { EditorAddMedia } from "./addMedia";
 import {
 	Portal,
@@ -372,7 +371,14 @@ export function EditorForm() {
 										}}
 										className="px-2 py-2 rounded-md hover:bg-neutral-100 dark:hover:bg-neutral-900"
 									>
-										<User pubkey={contact.npub} variant="simple" />
+										<User.Provider pubkey={contact.npub}>
+											<User.Root className="flex items-center gap-2.5">
+												<User.Avatar className="size-10 rounded-lg object-cover shrink-0" />
+												<div className="flex w-full flex-col items-start">
+													<User.Name className="max-w-[15rem] truncate font-semibold" />
+												</div>
+											</User.Root>
+										</User.Provider>
 									</div>
 								))}
 							</div>