By default, the code area displays line highlighting (active line and
gutter indicators) and shows the cursor even before user interaction,
which clutters the initial UI.
This commit hides the highlighting and cursor until the user interacts
with the code area, providing a cleaner initial UI similar to modern
editors when code is first displayed.
When code is generated automatically, the code is already highlighted
with a custom marker. Therefore, indicating a specific line by default
is unnecessary and clutters the view.
Key changes:
- Hide active line highlighting before user interaction.
- Hide cursor before user interaction.
Other supporting changes:
- Refactor `TheCodeArea` to extract third-party component (`Ace`)
related logic for better maintainability.
- Simplify code editor theme setting by removing the component property.
- Remove unnecessary `github` theme import for the code editor component
as it's unused.
74378f74bf