feat: bump react'version to 18.x

[mortalYoung]

简介

• 兼容用户 react@18.x 的环境
• 本地开发环境升级至 react@18

主要变更

• 替换项目中用到 ReactDOM.render 方法，通过区分当前版本，来判断是调用 render 还是 creatRoot 方法
• 项目中显式安装 react 和 react-dom，之前是幽灵依赖
• 升级 react-test-renderer 和 @testing-library 及相关依赖，适配本地 react18 的环境，修复升级后测试用例不通过的问题
• 升级 react 相关组件，如 react-dnd，rc 组件，storybook 等, refer: 迁移文档

Related Issues

Closed #734
Closed #728
Closed #164

[codecov]

Codecov Report

Merging #774 (f75e2db) into main (4d9edb3) will decrease coverage by 0.62%.
The diff coverage is 100.00%.

@@            Coverage Diff             @@
##             main     #774      +/-   ##
==========================================
- Coverage   91.65%   91.02%   -0.63%     
==========================================
  Files         191      180      -11     
  Lines        5869     5783      -86     
  Branches     1405     1399       -6     
==========================================
- Hits         5379     5264     -115     
- Misses        484      513      +29     
  Partials        6        6              

Impacted Files	Coverage Δ
src/components/scrollable/index.tsx	100.00% <ø> (ø)
src/components/contextView/index.tsx	100.00% <100.00%> (ø)
src/components/dialog/confirm.tsx	93.54% <100.00%> (ø)
src/components/tabs/tab.tsx	100.00% <100.00%> (ø)
src/react/render.ts	100.00% <100.00%> (ø)
src/workbench/notification/statusBarView/index.tsx	100.00% <100.00%> (ø)
src/controller/editor.tsx	45.03% <0.00%> (-3.32%)	⬇️
src/workbench/sidebar/explore/folderTree.tsx	97.67% <0.00%> (-2.33%)	⬇️
mock/monacoMock.js
... and 21 more

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 4d9edb3...f75e2db. Read the comment docs.

[wewoor]

+1