Feat: Add FormDrawer to agent page. #3221 (#5323)

### What problem does this PR solve?

Feat: Add FormDrawer to agent page. #3221

### Type of change


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

web/src/pages/agent/form/template-form/index.tsx

@@ -0,0 +1,24 @@
+import { PromptEditor } from '@/components/prompt-editor';
+import { Form } from 'antd';
+import { useTranslation } from 'react-i18next';
+import { IOperatorForm } from '../../interface';
+
+const TemplateForm = ({ onValuesChange, form }: IOperatorForm) => {
+  const { t } = useTranslation();
+
+  return (
+    <Form
+      name="basic"
+      autoComplete="off"
+      form={form}
+      onValuesChange={onValuesChange}
+      layout={'vertical'}
+    >
+      <Form.Item name={['content']} label={t('flow.content')}>
+        <PromptEditor></PromptEditor>
+      </Form.Item>
+    </Form>
+  );
+};
+
+export default TemplateForm;