Feat: Adjust agent mcp style #3221 (#8841)

### What problem does this PR solve?

Feat: Adjust agent mcp style #3221

### Type of change


- [x] New Feature (non-breaking change which adds functionality)

web/src/pages/agent/form/iteration-start-from/index.tsx

@@ -1,4 +1,5 @@
 import { Output, OutputType } from '@/pages/agent/form/components/output';
+import { memo } from 'react';
 import { initialIterationStartValues } from '../../constant';
 
 const outputs = initialIterationStartValues.outputs;
@@ -11,12 +12,12 @@ const outputList = Object.entries(outputs).reduce<OutputType[]>(
   },
   [],
 );
-const IterationStartForm = () => {
+function IterationStartForm() {
   return (
     <section className="space-y-6 p-4">
       <Output list={outputList}></Output>
     </section>
   );
-};
+}
 
-export default IterationStartForm;
+export default memo(IterationStartForm);