feat: add error toggle

[Blackman99]

Motivation

When focused on coding the error message might be an obstacle in the editor.
So maybe it is better to add a control to let the user decide whether to show the message or not.

Changes

• Fix the codeType in CodeMirrorEditor
• Add MessageToggle component
• Add showMessage ref and use MessageToggle in EditorContaner to control Message render

Screenshots

This PR can possibly solve #64

[yyx990803]

Thanks for the PR - we just merged a major PR that lands Monaco editor support which seems to have caused some conflict. Would you mind rebasing your PR?

[Blackman99]

Oh, sure thing!

[Blackman99]

Rebase done. I noticed that the codeType in CodeMirrorEditor is wrong. I also added the fix code. Hope it is OK

[yyx990803]

I tried it, but not sure if the top-right corner is the right place to put the toggle. It's quite far from the messages themselves so the connection is not obvious.

Maybe it should be floating in the bottom-left corner of the editor - so when the user dismisses an error when they don't want it, they can instantly find the toggle to turn it off.

[Blackman99]

Indeed
And I've tried placing the toggle at the bottom-left corner of the editor.
It would cover up some of the message content.
So I move it to the bottom-right corner.
Right now it looks like this: