Issue #1 - [BUG] Cursor not visible in code block when first added

[zenocross]

Description

When a code block is first added to the editor, the text cursor is not visible, making it difficult for users to know where they're typing.

Current Behavior

• Code block is created
• Cursor exists but is not visually displayed
• User cannot see typing position
• Cursor becomes visible only after certain interactions

Expected Behavior

• Cursor should be immediately visible when code block is created
• User can clearly see where text will be inserted
• Consistent cursor visibility across all interactions

Steps to Reproduce

1. Open the API reference editor
2. Add a new code block
3. Click inside the code block to focus
4. Observe that cursor is not visible initially
5. Start typing or interact with the block
6. Cursor eventually appears

Proposed Solution

Ensure cursor styling is applied immediately when code block receives focus. This likely involves CSS fixes for the cursor appearance in the code highlighting component.

Technical Context

• Component: code-highlight
• Likely involves CSS for cursor visibility
• May require focus state management

---

Download https://cap.so/ to record your screen (use Studio mode). Export as an mp4, and drag and drop into an issue comment below.