fix: data collection create task page (#33)

* feat: Update site name to DataMate and refine text for AI data processing

* feat: Refactor settings page and implement model access functionality

- Created a new ModelAccess component for managing model configurations.
- Removed the old Settings component and replaced it with a new SettingsPage component that integrates ModelAccess, SystemConfig, and WebhookConfig.
- Added SystemConfig component for managing system settings.
- Implemented WebhookConfig component for managing webhook configurations.
- Updated API functions for model management in settings.apis.ts.
- Adjusted routing to point to the new SettingsPage component.

* feat: Implement Data Collection Page with Task Management and Execution Log

- Created DataCollectionPage component to manage data collection tasks.
- Added TaskManagement and ExecutionLog components for task handling and logging.
- Integrated task operations including start, stop, edit, and delete functionalities.
- Implemented filtering and searching capabilities in task management.
- Introduced SimpleCronScheduler for scheduling tasks with cron expressions.
- Updated CreateTask component to utilize new scheduling and template features.
- Enhanced BasicInformation component to conditionally render fields based on visibility settings.
- Refactored ImportConfiguration component to remove NAS import section.

* feat: Update task creation API endpoint and enhance task creation form with new fields and validation

frontend/src/pages/Layout/Sidebar.tsx

@@ -13,7 +13,7 @@ import TaskUpload from "./TaskUpload";
 const AsiderAndHeaderLayout = () => {
   const { pathname } = useLocation();
   const navigate = useNavigate();
-  const [activeItem, setActiveItem] = useState<string>("management");
+  const [activeItem, setActiveItem] = useState<string>("");
   const [sidebarOpen, setSidebarOpen] = useState(true);
   const [taskCenterVisible, setTaskCenterVisible] = useState(false);
 
@@ -33,6 +33,7 @@ const AsiderAndHeaderLayout = () => {
         return;
       }
     }
+    console.log(pathname);
   };
 
   useEffect(() => {
@@ -134,7 +135,15 @@ const AsiderAndHeaderLayout = () => {
                 任务中心
               </Button>
             </Popover>
-            <Button block onClick={() => navigate("/data/settings")}>
+            <Button
+              block
+              color={pathname === "/data/settings" ? "primary" : "default"}
+              variant={pathname === "/data/settings" ? "filled" : "outlined"}
+              onClick={() => {
+                setActiveItem("");
+                navigate("/data/settings");
+              }}
+            >
               设置
             </Button>
           </div>
@@ -156,7 +165,15 @@ const AsiderAndHeaderLayout = () => {
                 ></Button>
               </Popover>
             </div>
-            <Button block onClick={() => navigate("/data/settings")}>
+            <Button
+              block
+              color={pathname === "/data/settings" ? "primary" : "default"}
+              variant={pathname === "/data/settings" ? "filled" : "outlined"}
+              onClick={() => {
+                setActiveItem("");
+                navigate("/data/settings");
+              }}
+            >
               <SettingOutlined />
             </Button>
           </div>