update markdown

src/shared/notes/mentions/user.tsx

@@ -1,5 +1,3 @@
-import { Link } from 'react-router-dom';
-
 import { useProfile } from '@utils/hooks/useProfile';
 import { shortenKey } from '@utils/shortenKey';
 
@@ -7,11 +5,11 @@ export function MentionUser({ pubkey }: { pubkey: string }) {
   const { user } = useProfile(pubkey);
 
   return (
-    <Link
-      to={`/app/user/${pubkey}`}
-      className="break-words font-normal !text-green-400 no-underline hover:!text-green-500"
+    <button
+      type="button"
+      className="break-words rounded bg-zinc-800 px-2 py-px text-sm font-normal text-blue-400 no-underline hover:bg-blue-100 hover:text-blue-500"
     >
       @{user?.name || user?.displayName || shortenKey(pubkey)}
-    </Link>
+    </button>
   );
 }