Feat: Display the knowledge graph on the knowledge base page #4543 (#4587)

### What problem does this PR solve?

Feat: Display the knowledge graph on the knowledge base page #4543

### Type of change


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

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

@@ -0,0 +1,21 @@
+import { Form, Switch } from 'antd';
+import { useTranslation } from 'react-i18next';
+
+type IProps = {
+  filedName: string[];
+};
+
+export function UseKnowledgeGraphItem({ filedName }: IProps) {
+  const { t } = useTranslation();
+
+  return (
+    <Form.Item
+      label={t('chat.useKnowledgeGraph')}
+      tooltip={t('chat.useKnowledgeGraphTip')}
+      name={filedName}
+      initialValue={false}
+    >
+      <Switch></Switch>
+    </Form.Item>
+  );
+}