debug: add logging to useHighlightCreation hook

- Add [HIGHLIGHT-CREATION] logs to track highlight creation flow
- Log when createHighlight function is called
- Log highlight properties after creation to verify isLocalOnly is set
- This will help debug why [HIGHLIGHT-PUBLISH] logs are missing

src/hooks/useHighlightCreation.ts

@@ -44,6 +44,15 @@ export const useHighlightCreation = ({
   }, [])
 
   const handleCreateHighlight = useCallback(async (text: string) => {
+    console.log('🎯 [HIGHLIGHT-CREATION] Starting highlight creation process', {
+      text: text.substring(0, 50) + '...',
+      hasActiveAccount: !!activeAccount,
+      hasRelayPool: !!relayPool,
+      hasEventStore: !!eventStore,
+      hasCurrentArticle: !!currentArticle,
+      hasSelectedUrl: !!selectedUrl
+    })
+
     if (!activeAccount || !relayPool || !eventStore) {
       console.error('Missing requirements for highlight creation')
       return
@@ -60,7 +69,7 @@ export const useHighlightCreation = ({
         ? currentArticle.content 
         : readerContent?.markdown || readerContent?.html
       
-      
+      console.log('🎯 [HIGHLIGHT-CREATION] Calling createHighlight function')
       const newHighlight = await createHighlight(
         text,
         source,
@@ -73,6 +82,12 @@ export const useHighlightCreation = ({
       )
       
       // Highlight created successfully
+      console.log('🎯 [HIGHLIGHT-CREATION] Highlight created successfully:', {
+        highlightId: newHighlight.id,
+        isLocalOnly: newHighlight.isLocalOnly,
+        publishedRelays: newHighlight.publishedRelays,
+        willShowAirplaneIcon: newHighlight.isLocalOnly
+      })
       
       // Clear the browser's text selection immediately to allow DOM update
       const selection = window.getSelection()