fix: resolve display issue of embedded kind 20 events

src/components/Embedded/EmbeddedNote.tsx

@@ -1,14 +1,15 @@
+import { PICTURE_EVENT_KIND } from '@/constants'
 import { useFetchEvent } from '@/hooks'
 import { toNoStrudelArticle, toNoStrudelNote, toNoStrudelStream } from '@/lib/link'
 import { cn } from '@/lib/utils'
 import { kinds } from 'nostr-tools'
-import ShortTextNoteCard from '../NoteCard/ShortTextNoteCard'
+import NormalNoteCard from '../NoteCard/NormalNoteCard'
 
 export function EmbeddedNote({ noteId, className }: { noteId: string; className?: string }) {
   const { event } = useFetchEvent(noteId)
 
-  return event && event.kind === kinds.ShortTextNote ? (
-    <ShortTextNoteCard className={cn('w-full', className)} event={event} embedded />
+  return event && [kinds.ShortTextNote, PICTURE_EVENT_KIND].includes(event.kind) ? (
+    <NormalNoteCard className={cn('w-full', className)} event={event} embedded />
   ) : (
     <a
       href={