feat: translate name of operator #918 (#1437)

### What problem does this PR solve?

feat: translate name of operator #918

### Type of change

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

web/src/hooks/flow-hooks.ts

-import { useTranslate } from '@/hooks/commonHooks';
 import { ResponseType } from '@/interfaces/database/base';
 import { DSL, IFlow, IFlowTemplate } from '@/interfaces/database/flow';
 import i18n from '@/locales/config';
 };
 
 export const useFetchFlowTemplates = (): ResponseType<IFlowTemplate[]> => {
-  const { t } = useTranslate('flow');
   const { data } = useQuery({
     queryKey: ['fetchFlowTemplates'],
     initialData: [],
       if (Array.isArray(data?.data)) {
         data.data.unshift({
           id: uuid(),
-          title: t('blank'),
-          description: t('createFromNothing'),
+          title: 'Blank',
+          description: 'Create from nothing',
           dsl: EmptyDsl,
         });
       }

web/src/locales/en.ts

       description: 'Description',
       examples: 'Examples',
       to: 'To',
-      message: 'Messages',
+      msg: 'Messages',
       messagePlaceholder: 'message',
       messageMsg: 'Please input message or delete this field.',
       addField: 'Add field',
       relevant: 'Relevant',
       rewriteQuestion: 'RewriteQuestion',
       rewrite: 'Rewrite',
-      Begin: 'Begin',
+      begin: 'Begin',
+      message: 'Message',
       blank: 'Blank',
       createFromNothing: 'Create from nothing',
+      addItem: 'Add Item',
     },
     footer: {
       profile: 'All rights reserved @ React',

web/src/locales/zh-traditional.ts

       description: '描述',
       examples: '範例',
       to: '下一步',
-      message: '訊息',
+      msg: '訊息',
       messagePlaceholder: '訊息',
       messageMsg: '請輸入訊息或刪除此欄位。',
       addField: '新增字段',
 以上就是你需要總結的內容。`,
       createGraph: '建立圖表',
       createFromTemplates: '從模板創建',
-      retrieval: '檢索',
-      generate: '產生',
-      answer: '回答',
-      categorize: '分類',
-      relevant: '相關',
-      rewriteQuestion: '重組',
-      rewrite: '重組',
+      retrieval: '知識檢索',
+      generate: '生成回答',
+      answer: '人機交互',
+      categorize: '問題分類',
+      relevant: '是否相關',
+      rewriteQuestion: '問題最佳化',
       begin: '開始',
+      message: '靜態訊息',
       blank: '空',
       createFromNothing: '從無到有',
+      addItem: '新增',
     },
     footer: {
       profile: '“保留所有權利 @ react”',

web/src/locales/zh.ts

       description: '描述',
       examples: '示例',
       to: '下一步',
-      message: '消息',
+      msg: '消息',
       messagePlaceholder: '消息',
       messageMsg: '请输入消息或删除此字段。',
       addField: '新增字段',
 以上就是你需要总结的内容。`,
       createGraph: '创建图表',
       createFromTemplates: '从模板创建',
-      retrieval: '检索',
-      generate: '生成',
-      answer: '回答',
-      categorize: '分类',
-      relevant: '相关',
-      rewriteQuestion: '重组',
-      rewrite: '重组',
+      retrieval: '知识检索',
+      generate: '生成回答',
+      answer: '人机交互',
+      categorize: '问题分类',
+      relevant: '是否相关',
+      rewriteQuestion: '问题优化',
       begin: '开始',
+      message: '静态消息',
       blank: '空',
       createFromNothing: '从无到有',
+      addItem: '新增',
     },
     footer: {
       profile: 'All rights reserved @ React',

web/src/pages/flow/canvas/node/categorize-handle.tsx

 import { Handle, Position } from 'reactflow';
 // import { v4 as uuid } from 'uuid';
 
-import { useTranslate } from '@/hooks/commonHooks';
-import lowerFirst from 'lodash/lowerFirst';
 import styles from './index.less';
 
 const DEFAULT_HANDLE_STYLE = {
 }
 
 const CategorizeHandle = ({ top, right, text, idx }: IProps) => {
-  const { t } = useTranslate('flow');
   return (
     <Handle
       type="source"
         color: 'black',
       }}
     >
-      <span className={styles.categorizeAnchorPointText}>
-        {lowerFirst(t(text))}
-      </span>
+      <span className={styles.categorizeAnchorPointText}>{text}</span>
     </Handle>
   );
 };

web/src/pages/flow/categorize-form/dynamic-categorize.tsx

               ))}
 
               <Button type="dashed" onClick={handleAdd} block>
-                + Add Item
+                + {t('addItem')}
               </Button>
             </div>
           );

web/src/pages/flow/message-form/index.tsx

             {fields.map((field, index) => (
               <Form.Item
                 {...(index === 0 ? formItemLayout : formItemLayoutWithOutLabel)}
-                label={index === 0 ? t('message') : ''}
+                label={index === 0 ? t('msg') : ''}
                 required={false}
                 key={field.key}
               >