Using transformerNotationHighlight in JSX code

[Yonom]

Validations

• [X] Follow our Code of Conduct
• [X] Read the Contributing Guide.
• [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.

Describe the bug

```ts
const Test: React.FC = () => {
  return (
    <div>
      <div /> {/* [!code highlight] */}
    </div>
  );
};

gets converted to

```ts
const Test: React.FC = () => {
  return (
    <div>
      <div /> {}
    </div>
  );
};

I expected no empty brackets {} to remain. I believe {/* comment */} is the only valid syntax for comments inside JSX.

Reproduction

-

Contributes

• [ ] I am willing to submit a PR to fix this issue
• [ ] I am willing to submit a PR with failing tests

[Yonom]

I believe the regex here would have to be adjusted to also capture the curly brackets {}

https://github.com/shikijs/shiki/blob/eae73919d4a9c65722acb7455668e3a8f1c31fac/packages/transformers/src/transformers/notation-map.ts#L27