Feat: Add hatPromptEngine component #3221 (#4881)

### What problem does this PR solve?

Feat: Add hatPromptEngine component #3221

### Type of change


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

web/src/components/use-knowledge-graph-item.tsx

@@ -1,5 +1,6 @@
 import { Form, Switch } from 'antd';
 import { useTranslation } from 'react-i18next';
+import { SwitchFormField } from './switch-fom-field';
 
 type IProps = {
   filedName: string[];
@@ -19,3 +20,20 @@ export function UseKnowledgeGraphItem({ filedName }: IProps) {
     </Form.Item>
   );
 }
+
+interface UseKnowledgeGraphFormFieldProps {
+  name: string;
+}
+
+export function UseKnowledgeGraphFormField({
+  name,
+}: UseKnowledgeGraphFormFieldProps) {
+  const { t } = useTranslation();
+
+  return (
+    <SwitchFormField
+      name={name}
+      label={t('chat.useKnowledgeGraph')}
+    ></SwitchFormField>
+  );
+}