feat: fix the problem in the Operator Market frontend pages

frontend/src/pages/DataCleansing/Home/DataCleansing.tsx

@@ -1,61 +1,61 @@
-import { useEffect, useState } from "react";
-import { Tabs, Button } from "antd";
-import { PlusOutlined } from "@ant-design/icons";
-import { useNavigate } from "react-router";
-import TaskList from "./components/TaskList";
-import TemplateList from "./components/TemplateList";
-import ProcessFlowDiagram from "./components/ProcessFlowDiagram";
-import { useSearchParams } from "@/hooks/useSearchParams";
-
-export default function DataProcessingPage() {
-  const navigate = useNavigate();
-  const urlParams = useSearchParams();
-  const [currentView, setCurrentView] = useState<"task" | "template">("task");
-
-  useEffect(() => {
-    if (urlParams.view) {
-      setCurrentView(urlParams.view);
-    }
-  }, [urlParams]);
-
-  return (
-    <div className="h-full flex flex-col gap-4">
-      {/* Header */}
-      <div className="flex justify-between items-center">
-        <h1 className="text-xl font-bold">数据清洗</h1>
-        <div className="flex gap-2">
-          <Button
-            icon={<PlusOutlined />}
-            onClick={() => navigate("/data/cleansing/create-template")}
-          >
-            创建清洗模板
-          </Button>
-          <Button
-            type="primary"
-            icon={<PlusOutlined />}
-            onClick={() => navigate("/data/cleansing/create-task")}
-          >
-            创建清洗任务
-          </Button>
-        </div>
-      </div>
-      <ProcessFlowDiagram />
-      <Tabs
-        activeKey={currentView}
-        onChange={(key) => setCurrentView(key as any)}
-        items={[
-          {
-            key: "task",
-            label: "任务列表",
-          },
-          {
-            key: "template",
-            label: "模板管理",
-          },
-        ]}
-      />
-      {currentView === "task" && <TaskList />}
-      {currentView === "template" && <TemplateList />}
-    </div>
-  );
-}
+import { useEffect, useState } from "react";
+import { Tabs, Button } from "antd";
+import { PlusOutlined } from "@ant-design/icons";
+import { useNavigate } from "react-router";
+import TaskList from "./components/TaskList";
+import TemplateList from "./components/TemplateList";
+import ProcessFlowDiagram from "./components/ProcessFlowDiagram";
+import { useSearchParams } from "@/hooks/useSearchParams";
+
+export default function DataProcessingPage() {
+  const navigate = useNavigate();
+  const urlParams = useSearchParams();
+  const [currentView, setCurrentView] = useState<"task" | "template">("task");
+
+  useEffect(() => {
+    if (urlParams.view) {
+      setCurrentView(urlParams.view);
+    }
+  }, [urlParams]);
+
+  return (
+    <div className="h-full flex flex-col gap-4">
+      {/* Header */}
+      <div className="flex justify-between items-center">
+        <h1 className="text-xl font-bold">数据清洗</h1>
+        <div className="flex gap-2">
+          <Button
+            icon={<PlusOutlined />}
+            onClick={() => navigate("/data/cleansing/create-template")}
+          >
+            创建清洗模板
+          </Button>
+          <Button
+            type="primary"
+            icon={<PlusOutlined />}
+            onClick={() => navigate("/data/cleansing/create-task")}
+          >
+            创建清洗任务
+          </Button>
+        </div>
+      </div>
+      <ProcessFlowDiagram />
+      <Tabs
+        activeKey={currentView}
+        onChange={(key) => setCurrentView(key as any)}
+        items={[
+          {
+            key: "task",
+            label: "任务列表",
+          },
+          {
+            key: "template",
+            label: "模板管理",
+          },
+        ]}
+      />
+      {currentView === "task" && <TaskList />}
+      {currentView === "template" && <TemplateList />}
+    </div>
+  );
+}