fix: some 🐛

src/components/PictureNoteCard/index.tsx

@@ -6,6 +6,13 @@ import { Event } from 'nostr-tools'
 import Image from '../Image'
 import UserAvatar from '../UserAvatar'
 import Username from '../Username'
+import { useMemo } from 'react'
+import {
+  embedded,
+  embeddedHashtagRenderer,
+  embeddedNostrNpubRenderer,
+  embeddedNostrProfileRenderer
+} from '../Embedded'
 
 export default function PictureNoteCard({
   event,
@@ -16,12 +23,21 @@ export default function PictureNoteCard({
 }) {
   const { push } = useSecondaryPage()
   const firstImage = extractFirstPictureFromPictureEvent(event)
+  const content = useMemo(
+    () =>
+      embedded(event.content, [
+        embeddedNostrNpubRenderer,
+        embeddedNostrProfileRenderer,
+        embeddedHashtagRenderer
+      ]),
+    [event]
+  )
   if (!firstImage) return null
 
   return (
     <div className={cn('space-y-1 cursor-pointer', className)} onClick={() => push(toNote(event))}>
       <Image className="rounded-lg w-full aspect-[6/8]" image={firstImage} />
-      <div className="line-clamp-2 px-2">{event.content}</div>
+      <div className="line-clamp-2 px-2">{content}</div>
       <div className="flex items-center gap-2 px-2">
         <UserAvatar userId={event.pubkey} size="xSmall" />
         <Username userId={event.pubkey} className="text-sm text-muted-foreground truncate" />