Feature: create code editor component

[DynamiteBob17]

Features of this pull request:

• an easy-to-use, fully-typed code editor component that uses the Monaco Editor, the editor that powers VS Code
• the editor has a lot of prebuilt themes and supports syntax highlighting for quite a number of languages as well as rich IntelliSense and validation support for TypeScript, JavaScript, CSS, LESS, SCSS, JSON and HTML

[hobi9]

Will the code editor look so small? Will be there the chance to change the programming language? Will the final version look like this? With the loading component + the conenct disconnect buttons?

[DynamiteBob17]

If you look at the code, you can see that you can set the width and height of it or the editor itself can adapt to any styles of a possible parent container component/div or whatever, although the latter might not be explicitly stated anywhere. The programming language can be changed easily, just a file extension needs to be provided and the component will set the correct language. This is just the barebones code editor component, which can be styled further if necessary, again with any kind of wrapper component, div or whatever. And no, I just put the editor next to everything that's currently in App.tsx just so it's there to be tried out.

[hobi9]

If you look at the code, you can see that you can set the width and height of it or the editor itself can adapt to any styles of a possible parent container component/div or whatever, although the latter might not be explicitly stated anywhere. The programming language can be changed easily, just a file extension needs to be provided and the component will set the correct language. This is just the barebones code editor component, which can be styled further if necessary, again with any kind of wrapper component, div or whatever. And no, I just put the editor next to everything that's currently in App.tsx just so it's there to be tried out.

perfect, thanks for clarifying. the pr looks good imho