[WIP] Fix cursor visibility issue in editor styles

[Copilot]

Cursor Visibility Fix Plan

Issue: The editor border that highlights when focused obstructs cursor visibility in dark mode and makes it harder to see in light mode.

Root Cause: The .ProseMirror element receives a browser default outline when focused, which creates a white border in dark mode that conflicts with the white cursor.

Solution: Add CSS to disable the outline on .ProseMirror element when focused, ensuring the cursor is clearly visible in both light and dark modes.

Progress Checklist

• Identify the issue - browser outline on .ProseMirror when focused
• Add CSS rule to disable .ProseMirror outline
• Test fix in light mode
• Test fix in dark mode
• Verify cursor visibility
• Build the project
• Lint the changes

Original prompt

---

This section details on the original issue you should resolve

<issue_title>[BUG] - Cursor / Style overlap in editor </issue_title>
<issue_description>Describe the bug
The border of the editor that gets highlighted when you start typing obstructs the ability to see the Cursor in dark mode, and makes it more difficult in light mode.

To Reproduce
Steps to reproduce the behavior:

1. Click on the editor in dark mode

Expected behavior
When using the editor, even without typing anything, you can clearly see your Cursor.

Screenshots
If applicable, add screenshots to help explain your problem.

Platform
Same as #24

Additional context
Add any other context about the problem here.
</issue_description>

Comments on the Issue (you are @copilot in this section)

Fixes #26

---

✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.