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>