feat/playground: 重构 playground组件

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

src/components/Common/DataNavigation.tsx

@@ -16,22 +16,19 @@ export const DataNavigation: React.FC<Props> = ({ Header, showButton = true, onC
       {/* 左侧部分 */}
       <div className="flex items-center">
         <Title
-          level={4}
-          style={{ marginBottom: 0, color: "#1F2937", fontSize: "16px" }}>
+          level={3}
+          className="flex items-center"
+          style={{ marginBottom: 0, color: "#1F2937", fontSize: "18px" }}>
           {Header}
         </Title>
       </div>
 
       {/* 右侧部分 */}
       {showButton && (
-        <Button
-          color="default"
-          variant="link"
-          style={{ gap: 4 }}
-          onClick={onClick}>
-          <span className="text-sm">更多</span>
+        <div className="flex items-center text-[#3a3a3a] cursor-pointer space-x-0.5 hover:text-[#00c0ef] transition" onClick={onClick}>
+          <span className="text-[12px]">更多</span>
           <ChevronRightIcon className="w-4 h-4" />
-        </Button>
+        </div>
       )}
     </div>
   )