Add dependencies for code mirror editor

README.md

@@ -28,6 +28,8 @@ This readme file is used mostly to document project dependencies
   - react-error-boundary
   - reagraph
   - react-tooltip
+  - @uiw/react-codemirror
+  - @uiw/codemirror-themes
   </pre>
 </details>
 <details>

rsconcept/frontend/package.json

@@ -11,6 +11,8 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "@uiw/codemirror-themes": "^4.21.9",
+    "@uiw/react-codemirror": "^4.21.9",
     "axios": "^1.4.0",
     "js-file-download": "^0.4.12",
     "react": "^18.2.0",

rsconcept/frontend/src/components/Common/TextArea.tsx

@@ -12,7 +12,7 @@ extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'className'> {
 function TextArea({
   id, label, required,
   widthClass = 'w-full',
-  colorClass = 'colorClass',
+  colorClass = 'clr-input',
   rows = 4,
   ...props
 }: TextAreaProps) {