refactor: introduce codemirror for CSS editor (#2039)

* refactor: introduce codemirror for CSS editor

* chore: fix formatting

apps/client/package.json

@@ -5,6 +5,10 @@
   "type": "module",
   "dependencies": {
     "@base-ui/react": "1.0.0",
+    "@codemirror/commands": "^6.0.0",
+    "@codemirror/lang-css": "^6.0.0",
+    "@codemirror/state": "^6.0.0",
+    "@codemirror/view": "^6.0.0",
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/sortable": "^10.0.0",
     "@dnd-kit/utilities": "^3.2.2",
@@ -15,10 +19,10 @@
     "@tanstack/react-query": "^5.85.9",
     "@tanstack/react-query-devtools": "^5.85.9",
     "@tanstack/react-table": "^8.21.3",
+    "@uiw/codemirror-theme-vscode": "^4.25.9",
     "autosize": "^6.0.1",
     "axios": "^1.12.2",
     "csv-stringify": "^6.6.0",
-    "prismjs": "^1.30.0",
     "qrcode": "^1.5.4",
     "react": "^19.2.3",
     "react-colorful": "^5.6.1",
@@ -27,7 +31,6 @@
     "react-hook-form": "^7.62.0",
     "react-icons": "5.5.0",
     "react-router": "^7.11.0",
-    "react-simple-code-editor": "^0.14.1",
     "react-virtuoso": "^4.17.0",
     "web-vitals": "^5.1.0",
     "zustand": "^5.0.9"
@@ -58,7 +61,6 @@
   },
   "devDependencies": {
     "@sentry/vite-plugin": "5.1.1",
-    "@types/prismjs": "^1.26.6",
     "@types/qrcode": "^1.5.6",
     "@types/react": "^19.1.12",
     "@types/react-dom": "^19.1.9",
@@ -70,7 +72,6 @@
     "typescript": "catalog:",
     "vite": "8.0.1",
     "vite-plugin-compression2": "2.5.1",
-    "vite-plugin-prismjs-plus": "1.1.1",
     "vite-plugin-svgr": "4.5.0",
     "vite-tsconfig-paths": "6.1.1",
     "vitest": "catalog:"