feat(/e/): display publication date in top-right like articles

- Remove inline metadata HTML from note content
- Pass event.created_at as published timestamp via ReadableContent
- ReaderHeader now displays date in top-right corner

src/hooks/useEventLoader.ts

@@ -26,13 +26,6 @@ export function useEventLoader({
   setIsCollapsed
 }: UseEventLoaderProps) {
   const displayEvent = useCallback((event: NostrEvent) => {
-    // Format event metadata as HTML header
-    const metaHtml = `<div style="opacity: 0.6; font-size: 0.9em; margin-bottom: 1rem; border-bottom: 1px solid var(--color-border); padding-bottom: 0.5rem;">
-      <div>Event ID: <code>${event.id.slice(0, 16)}...</code></div>
-      <div>Posted: ${new Date(event.created_at * 1000).toLocaleString()}</div>
-      <div>Kind: ${event.kind}</div>
-    </div>`
-
     // Escape HTML in content and convert newlines to breaks for plain text display
     const escapedContent = event.content
       .replace(/&/g, '&amp;')
@@ -49,8 +42,9 @@ export function useEventLoader({
     // Emit immediately
     const baseContent: ReadableContent = {
       url: '',
-      html: metaHtml + `<div style="white-space: pre-wrap; word-break: break-word;">${escapedContent}</div>`,
+      html: `<div style="white-space: pre-wrap; word-break: break-word;">${escapedContent}</div>`,
-      title
+      title,
+      published: event.created_at
     }
     setReaderContent(baseContent)