fix(CodeEditor): format text only on valid input

[sfeng-coveo]

Proposed Changes

Currently, the CodeEditor uses the default formatting provided by the Monaco Editor. For json language, the editor inherently relies on vscode-json-languageservice, which does a best-effort formatting of the text regardless whether the JSON is valid or not.

However, in the scenario where the JSON is invalid, we've observed UI issues caused by the formatting, where the mouse pointer is relocated to the end of the text:

13-46-51.mp4

Thus we want to disable the best-effort formatting. This is done by overriding the default formatter with a simple JSON.stringify(JSON.parse(model.getValue()), null, tabSize), which will fail in invalid scenarios and thus does nothing.

Potential Breaking Changes

None since change is behavioral.

Acceptance Criteria

• The proposed changes are covered by unit tests
• The potential breaking changes are clearly identified
• README.md is adjusted to reflect the proposed changes (if relevant)

[github-actions]

✔️ Live demo of your latest successful build available here.

[GermainBergeron]

Thanks for the contribution, it works very well!