[EuiCodeBlock] Improve syntax highlighting for `language="esql"`

[acstll]

Requestor

@lucaslopezf

Problem Statement

The syntax highlighting for the esql language in EuiCodeBlock is different from the one in the Monaco editor.

(Monaco editor on the left, EuiCodeBlock on the right)

Proposed Solution

Improve the styles of the esql language in EuiCodeBlock to get close to a 1:1 match with the Monaco editor.

Use Case

Improve user experience.

Value / Impact

The end-user benefits

Do alternatives or workarounds exist?

No.

Additional context (Optional)

The PR that originated the request: elastic/kibana#254537

[alexmarhaba]

@JasonStoltz can we get a LoE on this one please?

[JasonStoltz]

We discussed this briefly last week.

• This could use some input from design (@JoseLuisGJ)
• @acstll noted there are two potential paths forward: a quick CSS fix or a longer effort involving package updates.

@mgadewoll Can you give a rough LoE for this as part of Support Duty this week? (cc @acstll)

[JasonStoltz]

Quick fix: 2 days.
More robust fix: We will need to do a quick spike to determine.

Not super urgent, so @mgadewoll will try to fit it in this week, and if not, we'll try to size it sometime in the near future.

[JasonStoltz]

Since it will take a little time to do a spike for the more robust fix, I am adding a Spike to our backlog to determine LoE.

[JasonStoltz]

We added a Spike for this: #9446

In the meantime, I'm putting this in our Backlog as a Non-urgent, "Could do" priority. This means we're not sure if or when this will will implement this.

If this warrants more priority, please comment on this issue to highlight that.

[HVbajoria]

Hi @JasonStoltz ,

Could you please check the PR to resolve this issue please?