polish UI

frontend/package.json

@@ -15,6 +15,7 @@
     "@tailwindcss/postcss": "^4.2.1",
     "@types/dagre": "^0.7.54",
     "@types/react-grid-layout": "^1.3.6",
+    "@types/react-syntax-highlighter": "^15.5.13",
     "@xyflow/react": "^12.10.1",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
@@ -26,11 +27,13 @@
     "react-grid-layout": "^2.2.2",
     "react-markdown": "^10.1.0",
     "react-router-dom": "^7.13.1",
+    "react-syntax-highlighter": "^16.1.1",
     "react-vega": "^8.0.0",
     "recharts": "^3.8.0",
     "rehype-raw": "^7.0.0",
     "remark-gfm": "^4.0.1",
     "shadcn": "^4.0.6",
+    "sql-formatter": "^15.7.2",
     "tailwind-merge": "^3.5.0",
     "tw-animate-css": "^1.4.0",
     "vega": "^6.2.0",