fix: footer add i18n

ui/src/components/Footer/index.tsx

@@ -1,16 +1,19 @@
 import React from 'react';
 import { Container } from 'react-bootstrap';
+import { Trans } from 'react-i18next';
 
 const Index = () => {
   return (
     <footer className="bg-light py-3">
       <Container>
         <p className="text-center mb-0 fs-14 text-secondary">
-          Built on
+          <Trans i18nKey="footer.build_on">
-          <a href="/"> Answer </a>
+            Built on
-          - the open source source software that power knowledge communities.
+            <a href="/"> Answer </a>
-          <br />
+            - the open source source software that power knowledge communities.
-          Made with love. © 2022 Answer .
+            <br />
+            Made with love. © 2022 Answer .
+          </Trans>
         </p>
       </Container>
     </footer>

ui/src/i18n/locales/en.json

@@ -397,6 +397,9 @@
       "placeholder": "Search"
     }
   },
+  "footer": {
+    "build_on": "Build on <1> Answer </1>- the open source source software that power knowledge communities.<br />Made with love. © 2022 Answer."
+  },
   "upload_img": {
     "name": "Change",
     "loading": "loading..."
@@ -842,4 +845,4 @@
       }
     }
   }
-}
+}

ui/src/i18n/locales/zh_CN.json

@@ -55,5 +55,8 @@
         "different": "两次输入密码不一致"
       }
     }
+  },
+  "footer": {
+    "build_on": "由 <1> Answer </1>构建- 为知识社区提供动力的开源软件.<br />Made with love. © 2022 Answer ."
   }
 }