feat: data annotation page adaptation to backend API. Improve labeling project creation module.

* feat: data annotation page adaptation to the backend API.

* feat: Implement labeling configuration editor and enhance annotation task creation form

frontend/src/pages/Orchestration/WorkflowEditor.tsx

@@ -308,7 +308,7 @@ export default function WorkflowEditor({
                 className="cursor-grab active:cursor-grabbing hover:shadow-md transition-shadow"
                 draggable
                 onDragStart={(event) => onDragStart(event, nodeType.type)}
-                bodyStyle={{ padding: 16 }}
+                styles={{ body: { padding: 16 } }}
               >
                 <div className="flex items-start gap-3">
                   <div className="w-10 h-10 bg-blue-100 rounded-lg flex items-center justify-center flex-shrink-0">
@@ -408,12 +408,12 @@ export default function WorkflowEditor({
                             nds.map((node) =>
                               node.id === selectedNode.id
                                 ? {
-                                    ...node,
-                                    data: {
-                                      ...node.data,
-                                      name: e.target.value,
-                                    },
-                                  }
+                                  ...node,
+                                  data: {
+                                    ...node.data,
+                                    name: e.target.value,
+                                  },
+                                }
                                 : node
                             )
                           );
@@ -436,12 +436,12 @@ export default function WorkflowEditor({
                             nds.map((node) =>
                               node.id === selectedNode.id
                                 ? {
-                                    ...node,
-                                    data: {
-                                      ...node.data,
-                                      description: e.target.value,
-                                    },
-                                  }
+                                  ...node,
+                                  data: {
+                                    ...node.data,
+                                    description: e.target.value,
+                                  },
+                                }
                                 : node
                             )
                           );

frontend/src/pages/Orchestration/components/CustomNode.tsx

@@ -54,12 +54,11 @@ const CustomNode = ({ data, selected }: { data: any; selected: boolean }) => {
       />
 
       <Card
-        className={`w-80 transition-all duration-200 ${
-          selected
+        className={`w-80 transition-all duration-200 ${selected
             ? "ring-2 ring-blue-500 shadow-lg"
             : "shadow-md hover:shadow-lg"
-        }`}
-        bodyStyle={{ padding: 0 }}
+          }`}
+        styles={{ body: { padding: 0 } }}
       >
         <div className="pb-3 bg-blue-50 border-b px-4 pt-4">
           <div className="flex items-center justify-between">