feat: add feedback (#356)

Author: NicolaCage

app/config/locale/en-US.json

@@ -276,14 +276,21 @@
     "use": "Use Manual",
     "release": "Release Note",
     "forum": "Help Forum",
-    "nGql": "nGQL"
+    "nGql": "nGQL",
+    "feedback": "Trouble Feedback",
+    "repo": "GitHub Repo",
+    "trial": "Enterprise Edition Trial",
+    "contact":"Contact Us"
   },
   "link": {
     "nGQLHref": "https://docs.nebula-graph.io/3.3.0/3.ngql-guide/1.nGQL-overview/1.overview/",
     "mannualHref": "https://docs.nebula-graph.io/3.3.0/nebula-studio/about-studio/st-ug-what-is-graph-studio/",
     "startStudioHref": "https://docs.nebula-graph.io/3.3.0/nebula-studio/quick-start/st-ug-plan-schema/",
     "versionLogHref": "https://docs.nebula-graph.io/3.3.0/20.appendix/release-notes/studio-release-note/",
-    "forumHref": "https://discuss.nebula-graph.io/"
+    "forumHref": "https://discuss.nebula-graph.io/",
+    "feedback": "https://app.slack.com/client/TJB3N2BPD/CJNFUM7AR",
+    "trial": "https://www.nebula-graph.io/visualization-tools-free-trial",
+    "contact":"https://www.nebula-graph.io/contact"
   },
   "sketch": {
     "dragTip": "Drag and drop to the canvas",

app/config/locale/zh-CN.json

@@ -276,14 +276,21 @@
     "use": "使用手册",
     "release": "更新日志",
     "forum": "求助论坛",
-    "nGql": "nGQL"
+    "nGql": "nGQL",
+    "feedback": "问题反馈",
+    "repo": "GitHub项目",
+    "trial": "企业版试用",
+    "contact":"联系我们"
   },
   "link": {
     "nGQLHref": "https://docs.nebula-graph.com.cn/3.3.0/3.ngql-guide/1.nGQL-overview/1.overview/",
     "mannualHref": "https://docs.nebula-graph.com.cn/3.3.0/nebula-studio/about-studio/st-ug-what-is-graph-studio/",
     "startStudioHref": "https://docs.nebula-graph.com.cn/3.3.0/nebula-studio/quick-start/st-ug-plan-schema/",
     "versionLogHref": "https://docs.nebula-graph.com.cn/3.3.0/20.appendix/release-notes/studio-release-note/",
-    "forumHref": "https://discuss.nebula-graph.com.cn/"
+    "forumHref": "https://discuss.nebula-graph.com.cn/",
+    "feedback": "https://discuss.nebula-graph.com.cn/tag/nebula-studio",
+    "trial": "https://wj.qq.com/s2/10158890/69a8",
+    "contact":"https://www.nebula-graph.com.cn/contact"
   },
   "sketch": {
     "dragTip": "拖放到画布上",

app/pages/MainPage/Header/HelpMenu/index.tsx

@@ -28,7 +28,7 @@ const HelpMenu = () => {
     },
     {
       key: 'language',
-      label: <Icon className={styles.navIcon} type="icon-studio-nav-language" />,
+      label: <Icon className={styles.navIcon} type="icon-studio-nav-language" />, 
       popupClassName: styles.langMenu,
       popupOffset: [-35, 20],
       children: Object.keys(INTL_LOCALE_SELECT).map(locale => ({
@@ -43,6 +43,74 @@ const HelpMenu = () => {
         <Icon className={styles.navIcon} type="icon-studio-nav-help" />
       </Link>
     },
+    {
+      key: 'feedback',
+      popupClassName: styles.accountMenu,
+      popupOffset: [-35, 20],
+      label: <Icon className={styles.navIcon} type="icon-navbar-feedback" />,
+      children: [
+        {
+          key: 'feedback',
+          label: <a
+            className={styles.nebulaLink}
+            href={intl.get('link.feedback')}
+            target="_blank" 
+            rel="noreferrer"
+            data-track-category="navigation"
+            data-track-action="feedback"
+            data-track-label="from_navigation"
+          >
+            <Icon className={styles.menuIcon} type="icon-navbar-troubleFeedback" />
+            {intl.get('menu.feedback')}
+          </a>  
+        },
+        {
+          key: 'repo',
+          label: <a
+            className={styles.nebulaLink}
+            href="https://github.com/vesoft-inc/nebula-studio"
+            target="_blank" 
+            rel="noreferrer"
+            data-track-category="navigation"
+            data-track-action="repo"
+            data-track-label="from_navigation"
+          >
+            <Icon className={styles.menuIcon} type="icon-studio-nav-github" />
+            {intl.get('menu.repo')}
+          </a>  
+        },
+        {
+          key: 'trial',
+          label: <a
+            className={styles.nebulaLink}
+            href={intl.get('link.trial')}
+            target="_blank" 
+            rel="noreferrer"
+            data-track-category="navigation"
+            data-track-action="trial"
+            data-track-label="from_navigation"
+          >
+            <Icon className={styles.menuIcon} type="icon-navbar-enterprise" />
+            {intl.get('menu.trial')}
+          </a>  
+        },
+        {
+          key: 'contact',
+          label: <a
+            className={styles.nebulaLink}
+            href={intl.get('link.contact')}
+            target="_blank" 
+            rel="noreferrer"
+            data-track-category="navigation"
+            data-track-action="contact"
+            data-track-label="from_navigation"
+          >
+            <Icon className={styles.menuIcon} type="icon-navbar-contactUs" />
+            {intl.get('menu.contact')}
+          </a>  
+        }
+      ]
+    },
     {
       key: 'user',
       popupClassName: styles.accountMenu,