Add auto tag closing and code completion

[tom-leamon]

Unfortunately, react-simple-code-editor is a very minimalistic library. It does not provide features such as auto tag closing and code completion. It simply gives you a customizable, syntax-highlighted textarea, leveraging Prism.js for highlighting.

For advanced features like auto-closing tags, code completion (also known as intellisense), error linting and more, you might want to look into more feature-rich code editor libraries like:

• Monaco Editor: This is the editor that powers Visual Studio Code, and it comes with a vast array of features built-in, including auto-completion, multi-cursor support, and more. However, it's a larger library, and integration into a React project can be more complex.

• Ace Editor: This editor is feature-rich and has a React wrapper react-ace. It also includes features like code completion and auto tag closing, though some features might need to be enabled via specific configuration or plugins.

• CodeMirror: This is a versatile text editor implemented in JavaScript for the browser. It is specialized for editing code, and comes with over 100 language modes and various addons that implement more advanced editing functionality. A rich programming API and a CSS theming system are available for customizing CodeMirror to fit your application, and extending it with new functionality.

Remember, switching to a different editor library would require a significant refactor of your current code. If your project requirements are strict about using react-simple-code-editor, you would have to implement auto tag closing and code completion features by yourself which might be quite complex.