[Feat]: Add code editor as a standalone component

client/package.json

@@ -73,6 +73,7 @@
   },
   "dependencies": {
     "@lottiefiles/react-lottie-player": "^3.5.3",
+    "@monaco-editor/react": "^4.7.0",
     "@remixicon/react": "^4.1.1",
     "@supabase/supabase-js": "^2.45.4",
     "@testing-library/react": "^14.1.2",
@@ -81,6 +82,7 @@
     "antd-mobile": "^5.34.0",
     "chalk": "4",
     "flag-icons": "^7.2.1",
+    "monaco-editor": "^0.52.2",
     "number-precision": "^1.6.0",
     "react-countup": "^6.5.3",
     "react-github-btn": "^1.4.0",

client/packages/lowcoder-design/src/icons/index.tsx

@@ -329,6 +329,7 @@ export { ReactComponent as RangeSliderCompIconSmall } from "./v2/range-slider-s.
 export { ReactComponent as RatingCompIconSmall } from "./v2/rating-s.svg";
 export { ReactComponent as ResponsiveLayoutCompIconSmall } from "./v2/resposive-layout-s.svg"; // new
 export { ReactComponent as SplitLayoutCompIconSmall } from "./v2/split-layout-s.svg"; // new
+export { ReactComponent as CodeEditorCompIconSmall } from "./v2/code-editor-s.svg"; // new
 export { ReactComponent as RichTextEditorCompIconSmall } from "./v2/rich-text-editor-s.svg"; // new
 export { ReactComponent as ScannerCompIconSmall } from "./v2/scanner-s.svg";    // new
 export { ReactComponent as ShapesCompIconSmall } from "./v2/shapes-s.svg"; // new
@@ -437,6 +438,7 @@ export { ReactComponent as RangeSliderCompIcon } from "./v2/range-slider-m.svg";
 export { ReactComponent as RatingCompIcon } from "./v2/rating-m.svg";
 export { ReactComponent as ResponsiveLayoutCompIcon } from "./v2/resposive-layout-m.svg";
 export { ReactComponent as SplitLayoutCompIcon } from "./v2/split-layout-m.svg";
+export { ReactComponent as CodeEditorCompIcon } from "./v2/code-editor-m.svg";
 export { ReactComponent as RichTextEditorCompIcon } from "./v2/rich-text-editor-m.svg";
 export { ReactComponent as ScannerCompIcon } from "./v2/scanner-m.svg";
 export { ReactComponent as ShapesCompIcon } from "./v2/shapes-m.svg";