Rough out fetching DMs

src/app/components/NoteCard.svelte

@@ -1,16 +1,25 @@
 <script lang="ts">
+  import {nip19} from 'nostr-tools'
+  import {ctx} from "@welshman/lib"
   import {displayPubkey} from "@welshman/util"
   import {deriveProfile, deriveProfileDisplay, formatTimestamp} from "@welshman/app"
+  import Link from "@lib/components/Link.svelte"
   import Avatar from "@lib/components/Avatar.svelte"
   import Profile from "@app/components/Profile.svelte"
+  import {entityLink} from '@app/state'
 
   export let event
+
+  const relays = ctx.app.router.Event(event).getUrls()
+  const nevent = nip19.neventEncode({id: event.id, relays})
 </script>
 
 <div class="flex flex-col gap-2 {$$props.class}">
   <div class="flex justify-between gap-2">
     <Profile pubkey={event.pubkey} />
-    <span class="text-sm opacity-75">{formatTimestamp(event.created_at)}</span>
+    <Link external href={entityLink(nevent)} class="text-sm opacity-75">
+      {formatTimestamp(event.created_at)}
+    </Link>
   </div>
   <slot />
 </div>

src/app/components/PrimaryNav.svelte

@@ -10,12 +10,13 @@
   import {tweened} from "svelte/motion"
   import {quintOut} from "svelte/easing"
   import {displayRelayUrl} from "@welshman/util"
+  import {userProfile} from "@welshman/app"
   import Icon from "@lib/components/Icon.svelte"
   import Avatar from "@lib/components/Avatar.svelte"
   import PrimaryNavItem from "@lib/components/PrimaryNavItem.svelte"
   import SpaceAdd from "@app/components/SpaceAdd.svelte"
   import SpaceAvatar from "@app/components/SpaceAvatar.svelte"
-  import {userProfile, userMembership} from "@app/state"
+  import {userMembership} from "@app/state"
   import {pushModal} from "@app/modal"
   import {makeSpacePath, getPrimaryNavItemIndex} from "@app/routes"