重构代码编辑器 monaco 的加载方式。

#### 是否关联于某个问题吗：
关于 monaco 代码编辑器的加载方式

目前使用 import 的方式在代码运行时候导入，在 next / create-react-app 默认的情况下均无法使用

#### 预期的解决方案：
[@monaco-editor/react](https://www.npmjs.com/package/@monaco-editor/react)

使用 @monaco-editor/react react 友好的方式重构所有的 code editor，避免出现 monaco 的加载问题

#### 其他可接受方案：
能够在 nextjs / create-react-app 中使用，不强制使用 webpack

#### 任何附加信息：
@monaco-editor/react https://www.npmjs.com/package/@monaco-editor/react