Add home page meta info

i18n/en/code.json

@@ -1,4 +1,10 @@
 {
+  "meta_title": {
+    "message": "LongPort - Research and trade with high-value investors"
+  },
+  "meta_desc": {
+    "message": "LongPort is a public platform comprised of multiple brokerage users, offering rich multi-market trading capabilities, investment research tools and a high information density community discussion board."
+  },
   "breadcrumbs.nav.home": {
     "message": "Home"
   },

i18n/zh-CN/code.json

@@ -1,4 +1,10 @@
 {
+  "meta_title": {
+    "message": "LongPort 與高價值投資者一起研究和交易"
+  },
+  "meta_desc": {
+    "message": "LongPort 是一個由多家券商用戶構成的公共平台，具備豐富的多市場交易能力、研究工具、以及一個高信息密度的投資者交流社區"
+  },
   "breadcrumbs.nav.home": {
     "message": "首页"
   },

i18n/zh-HK/code.json

@@ -1,4 +1,10 @@
 {
+  "meta_title": {
+    "message": "LongPort 與高價值投資者一起研究和交易"
+  },
+  "meta_desc": {
+    "message": "LongPort 是一個由多家券商用戶構成的公共平台，具備豐富的多市場交易能力、研究工具、以及一個高信息密度的投資者交流社區"
+  },
   "breadcrumbs.nav.home": {
     "message": "首頁"
   },

src/components/layout/application.tsx

@@ -1,15 +1,17 @@
-import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
 import Layout from "@theme/Layout";
 import React, { FC } from "react";
+import { translate } from "@docusaurus/Translate";
 
 const ApplicationLayout: FC<{ children: React.ReactNode }> = ({ children }) => {
-  const { siteConfig } = useDocusaurusContext();
   return (
-    <Layout title={`${siteConfig.title}`} description="LongPort Wiki">
+    <Layout
+      title={translate({ id: "meta_title" })}
+      description={translate({ id: "meta_desc" })}
+    >
       <div className="max-w-screen-xl m-auto px-4 md:px-0 wiki-article-content">
         {children}
       </div>
     </Layout>
-  )
+  );
 };
 export default ApplicationLayout;