chore: remove debug logging from event loader and compact view

- Remove debug logs from useEventLoader hook
- Remove debug logs from Bookmarks component
- Remove empty kind:1 bookmark debug logging from CompactView
- Clean console output now that features are working correctly

src/components/BookmarkViews/CompactView.tsx

@@ -35,20 +35,6 @@ export const CompactView: React.FC<CompactViewProps> = ({
   
   const displayText = isArticle && articleSummary ? articleSummary : bookmark.content
 
-  // Debug empty bookmarks
-  if (!displayText && bookmark.kind === 1) {
-    const debugInfo: Record<string, unknown> = {
-      id: bookmark.id.slice(0, 12),
-      content: bookmark.content,
-      contentLength: bookmark.content?.length,
-      contentType: typeof bookmark.content,
-      parsedContent: !!bookmark.parsedContent,
-      created_at: bookmark.created_at,
-      sourceKind: (bookmark as unknown as Record<string, unknown>).sourceKind
-    }
-    console.log('📌 Empty kind:1 bookmark:', debugInfo)
-  }
-
   // Calculate progress color
   let progressColor = '#6366f1' // Default blue (reading)
   if (readingProgress && readingProgress >= 0.95) {

src/components/Bookmarks.tsx

@@ -58,11 +58,6 @@ const Bookmarks: React.FC<BookmarksProps> = ({
   const showSupport = location.pathname === '/support'
   const eventId = eventIdParam
   
-  // Debug event loading
-  if (eventId) {
-    console.log('📍 Bookmarks: Event route detected. eventId:', eventId)
-  }
-  
   // Extract tab from explore routes
   const exploreTab = location.pathname === '/explore/writings' ? 'writings' : 'highlights'
   

src/hooks/useEventLoader.ts

@@ -25,7 +25,6 @@ export function useEventLoader({
   setIsCollapsed
 }: UseEventLoaderProps) {
   const displayEvent = useCallback((event: NostrEvent) => {
-    console.log('🎨 displayEvent: Creating ReadableContent from event')
     // 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>
@@ -45,20 +44,16 @@ export function useEventLoader({
       html: metaHtml + `<div style="white-space: pre-wrap; word-break: break-word;">${escapedContent}</div>`,
       title: `Note (${event.kind})`
     }
-    console.log('🎨 displayEvent: Setting readerContent with html:', { title: content.title, htmlLength: content.html?.length })
     setReaderContent(content)
   }, [setReaderContent])
 
   useEffect(() => {
     if (!eventId) return
 
-    console.log('🔍 useEventLoader: Loading event:', eventId)
-    
     // Try to get from event store first - do this synchronously before setting loading state
     if (eventStore) {
       const cachedEvent = eventStore.getEvent(eventId)
       if (cachedEvent) {
-        console.log('✅ useEventLoader: Found cached event (instant load):', cachedEvent)
         displayEvent(cachedEvent)
         setReaderLoading(false)
         setIsCollapsed(false)
@@ -75,24 +70,20 @@ export function useEventLoader({
 
     // Otherwise fetch from relays
     if (!relayPool) {
-      console.log('❌ useEventLoader: No relay pool available')
       setReaderLoading(false)
       return
     }
 
-    console.log('📡 useEventLoader: Fetching from relays...')
     const eventLoader = createEventLoader(relayPool, {
       eventStore: eventStore ?? undefined
     })
 
     const subscription = eventLoader({ id: eventId }).subscribe({
       next: (event) => {
-        console.log('✅ useEventLoader: Fetched event from relays:', event)
         displayEvent(event)
         setReaderLoading(false)
       },
       error: (err) => {
-        console.error('❌ useEventLoader: Error fetching event:', err)
         const errorContent: ReadableContent = {
           url: '',
           html: `<div style="padding: 1rem; color: var(--color-error, red);">Error loading event: ${err instanceof Error ? err.message : 'Unknown error'}</div>`,