Find the best editor for the project

I tried implementing [Monaco-editor/react](https://www.npmjs.com/package/@monaco-editor/react), but for an unknown reason - the client won't render the component at it's current state in the project. So let's try to fix it or find something else

The editor needs to contain those options:
1. multi-language support (can also be supported from the project server) with autocomplete syntax.
2. text highlighting
3. visual studio based shortkeys.

If you managed to fix the monaco error, great. if not, also great.


Start by reproducing why the current @monaco-editor/react component does not render in the client, then compare a fix or alternative editor against the listed requirements: multi-language autocomplete, syntax highlighting, and Visual Studio shortcuts. Done means the project has a working editor that supports those capabilities.

Written by the indexing model from the issue text.