feat: improve addressable video (kind 34235/34236) display with title and hashtags

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

src/components/Note/VideoNote.tsx

@@ -1,15 +1,33 @@
+import { ExtendedKind } from '@/constants'
 import { getImetaInfosFromEvent } from '@/lib/event'
+import { getVideoMetadataFromEvent } from '@/lib/event-metadata'
 import { Event } from 'nostr-tools'
 import { useMemo } from 'react'
 import Content from '../Content'
+import { EmbeddedHashtag } from '../Embedded'
 import MediaPlayer from '../MediaPlayer'
 
 export default function VideoNote({ event, className }: { event: Event; className?: string }) {
   const videoInfos = useMemo(() => getImetaInfosFromEvent(event), [event])
+  const isAddressable =
+    event.kind === ExtendedKind.ADDRESSABLE_NORMAL_VIDEO ||
+    event.kind === ExtendedKind.ADDRESSABLE_SHORT_VIDEO
+  const metadata = useMemo(
+    () => (isAddressable ? getVideoMetadataFromEvent(event) : null),
+    [event, isAddressable]
+  )
 
   return (
     <div className={className}>
+      {metadata?.title && <div className="font-semibold">{metadata.title}</div>}
       <Content event={event} />
+      {metadata && metadata.tags.length > 0 && (
+        <div className="mt-1 flex flex-wrap gap-1">
+          {metadata.tags.map((tag) => (
+            <EmbeddedHashtag key={tag} hashtag={tag} />
+          ))}
+        </div>
+      )}
       {videoInfos.map((video) => (
         <MediaPlayer src={video.url} key={video.url} className="mt-2" />
       ))}