code editor implemented

package.json

@@ -10,6 +10,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "@codemirror/lang-sql": "^6.9.0",
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/sortable": "^10.0.0",
     "@heroui/react": "^2.7.6",
@@ -20,6 +21,7 @@
     "@radix-ui/react-tooltip": "^1.2.3",
     "@react-aria/visually-hidden": "3.8.21",
     "@react-types/shared": "3.28.0",
+    "@uiw/react-codemirror": "^4.23.12",
     "@xyflow/react": "^12.6.3",
     "date-fns": "^4.1.0",
     "drizzle-orm": "^0.43.1",
@@ -35,6 +37,7 @@
     "react-dom": "18.3.1",
     "react-i18next": "^15.5.1",
     "react-router-dom": "6.23.0",
+    "sql-formatter": "^15.6.3",
     "tailwind-merge": "^3.2.0",
     "tailwind-variants": "0.3.0",
     "tailwindcss": "3.4.16",