feat: translate graph list #918 (#1426)

### What problem does this PR solve?

feat: translate graph list #918

### Type of change


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

web/src/locales/en.ts

@@ -581,6 +581,8 @@ The above is the content you need to summarize.`,
       promptText: `Please summarize the following paragraphs. Be careful with the numbers, do not make things up. Paragraphs as following:
         {input}
   The above is the content you need to summarize.`,
+      create: 'Create graph',
+      createFromTemplates: 'Create from templates',
     },
     footer: {
       profile: 'All rights reserved @ React',

web/src/locales/zh-traditional.ts

@@ -541,6 +541,8 @@ export default {
       promptText: `請總結以下段落。注意數字，不要胡編亂造。段落如下：
 {input}
 以上就是你需要總結的內容。`,
+      createGraph: '建立圖表',
+      createFromTemplates: '從模板創建',
     },
     footer: {
       profile: '“保留所有權利 @ react”',

web/src/locales/zh.ts

@@ -560,6 +560,8 @@ export default {
       promptText: `请总结以下段落。注意数字，不要胡编乱造。段落如下：
 {input}
 以上就是你需要总结的内容。`,
+      createGraph: '创建图表',
+      createFromTemplates: '从模板创建',
     },
     footer: {
       profile: 'All rights reserved @ React',

web/src/pages/flow/list/create-flow-modal.tsx

@@ -70,7 +70,7 @@ const CreateFlowModal = ({
           <Input />
         </Form.Item>
       </Form>
-      <Title level={5}>Create from templates</Title>
+      <Title level={5}>{t('createFromTemplates', { keyPrefix: 'flow' })}</Title>
       <Flex vertical gap={16} className={styles.templatesBox}>
         {list?.map((x) => (
           <Card

web/src/pages/flow/list/index.tsx

@@ -4,6 +4,7 @@ import CreateFlowModal from './create-flow-modal';
 import FlowCard from './flow-card';
 import { useFetchDataOnMount, useSaveFlow } from './hooks';
 
+import { useTranslate } from '@/hooks/commonHooks';
 import styles from './index.less';
 
 const FlowList = () => {
@@ -14,6 +15,7 @@ const FlowList = () => {
     flowSettingLoading,
     onFlowOk,
   } = useSaveFlow();
+  const { t } = useTranslate('flow');
 
   const { list, loading } = useFetchDataOnMount();
 
@@ -25,7 +27,7 @@ const FlowList = () => {
           icon={<PlusOutlined />}
           onClick={showFlowSettingModal}
         >
-          create canvas
+          {t('create')}
         </Button>
       </Flex>
       <Spin spinning={loading}>