feat: improve

packages/ui/src/note/buttons/reply.tsx

@@ -1,4 +1,4 @@
-import { ReplyIcon, ShareIcon } from "@lume/icons";
+import { LinkIcon, ReplyIcon } from "@lume/icons";
 import * as Tooltip from "@radix-ui/react-tooltip";
 import { useTranslation } from "react-i18next";
 import { useNoteContext } from "../provider";
@@ -41,8 +41,8 @@ export function NoteReply() {
               onClick={() => ark.open_thread(event.id)}
               className="inline-flex h-9 items-center gap-2 rounded-lg px-3 text-sm font-medium text-white hover:bg-neutral-900 focus:outline-none dark:text-black dark:hover:bg-neutral-100"
             >
-              <ShareIcon className="size-4" />
-              {t("note.buttons.view")}
+              <LinkIcon className="size-4" />
+              {t("note.buttons.open")}
             </button>
           </DropdownMenu.Item>
           <DropdownMenu.Item asChild>

packages/ui/src/note/mentions/note.tsx

@@ -105,7 +105,7 @@ export function MentionNote({
   }
 
   return (
-    <div className="my-1 flex w-full cursor-default flex-col rounded-2xl border border-black/10 px-3 pt-1 dark:border-white/10">
+    <div className="my-1 flex w-full cursor-default flex-col rounded-xl border border-black/10 px-3 pt-1 dark:border-white/10">
       <User.Provider pubkey={data.pubkey}>
         <User.Root className="flex h-10 items-center gap-2">
           <User.Avatar className="size-6 shrink-0 rounded-full object-cover" />

packages/ui/src/note/preview/image.tsx

@@ -35,7 +35,10 @@ export function ImagePreview({ url }: { url: string }) {
 
   return (
     // biome-ignore lint/a11y/useKeyWithClickEvents: <explanation>
-    <div onClick={open} className="group relative my-1 rounded-2xl">
+    <div
+      onClick={open}
+      className="group relative my-1 overflow-hidden rounded-xl"
+    >
       <img
         src={url}
         alt={url}
@@ -43,7 +46,7 @@ export function ImagePreview({ url }: { url: string }) {
         decoding="async"
         style={{ contentVisibility: "auto" }}
         onError={fallback}
-        className="h-auto w-full rounded-2xl object-cover"
+        className="h-auto w-full object-cover"
       />
       <button
         type="button"