Get rid of profile detail, redirect externally

src/lib/editor/EditMention.svelte

@@ -4,20 +4,20 @@
   import {NodeViewWrapper} from "svelte-tiptap"
   import {displayProfile} from "@welshman/util"
   import {deriveProfile} from "@welshman/app"
-  import Button from "@lib/components/Button.svelte"
-  import ProfileDetail from "@app/components/ProfileDetail.svelte"
-  import {pushDrawer} from "@app/modal"
+  import Link from "@lib/components/Link.svelte"
+  import {pubkeyLink} from "@app/state"
 
   export let node: NodeViewProps["node"]
   export let selected: NodeViewProps["selected"]
 
-  const onClick = () => pushDrawer(ProfileDetail, {pubkey: node.attrs.pubkey})
-
   $: profile = deriveProfile(node.attrs.pubkey, node.attrs.relays)
 </script>
 
 <NodeViewWrapper class="inline">
-  <Button on:click={onClick} class={cx("link-content", {"link-content-selected": selected})}>
+  <Link
+    external
+    href={pubkeyLink(node.attrs.pubkey, node.attrs.relays)}
+    class={cx("link-content", {"link-content-selected": selected})}>
     @{displayProfile($profile)}
-  </Button>
+  </Link>
 </NodeViewWrapper>