feat/playground: 重构 playground组件

- 更新 Data 和 History组件的样式和布局
- 添加新的功能和交互，如热门搜索和智能体选择
- 优化组件性能和可维护性

package.json

@@ -58,7 +58,8 @@
     "rehype-mathjax": "4.0.3",
     "remark-gfm": "3.0.1",
     "remark-math": "5.1.1",
-    "segmentit":"^2.0.3",
+    "segmentit": "^2.0.3",
+    "styled-components": "^6.1.19",
     "tesseract.js": "^5.1.1",
     "turndown": "^7.1.3",
     "unist-util-visit": "^5.0.0",
@@ -76,6 +77,7 @@
     "@types/react-dom": "18.2.18",
     "@types/react-speech-recognition": "^3.9.5",
     "@types/react-syntax-highlighter": "^15.5.11",
+    "@types/styled-components": "^5.1.34",
     "@types/turndown": "^5.0.4",
     "autoprefixer": "^10.4.17",
     "cross-env": "^7.0.3",