feat(code-editor): support custom tabSize

[aboissinot-coveo]

Proposed Changes

Allow setting a custom tabSize in the CodeEditor component.

Previously, it was hardcoded to 2 but let's say for example you use the editor to write Python code and want to follow the PEP8 guidelines, you need to set 4.

Demo here. 🧪

Documentation

📖 This prop is supported by the Monaco Editor and documented here.

⚠️ Note: According to the Monaco Editor's documentation on tabSize:

This setting is overridden based on the file contents when detectIndentation is on.

So this means that if you set a tabSize of 4, but the content of the editor is using 2 spaces, it will enforce a tabSize of 2. However, if you erase everything and start from scratch, it will fallback on the tabSize property.

Potential Breaking Changes

None. The new prop is optional and the default behaviour with a tabSize of 2 is preserved.

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.