Open profiles in drawer

src/app/components/ContentMention.svelte

@@ -1,16 +1,17 @@
 <script lang="ts">
-  import {nip19} from "nostr-tools"
   import {displayProfile} from "@welshman/util"
   import {deriveProfile} from "@welshman/app"
-  import Link from "@lib/components/Link.svelte"
-  import {entityLink} from "@app/state"
+  import Button from "@lib/components/Button.svelte"
+  import ProfileDetail from "@app/components/ProfileDetail.svelte"
+  import {pushDrawer} from "@app/modal"
 
   export let value
 
   const profile = deriveProfile(value.pubkey)
-  const nprofile = nip19.nprofileEncode(value)
+
+  const onClick = () => pushDrawer(ProfileDetail, {pubkey: value.pubkey})
 </script>
 
-<Link external href={entityLink(nprofile)} class="link-content">
+<Button on:click={onClick} class="link-content">
   @{displayProfile($profile)}
-</Link>
+</Button>