feat: add about menu item

packages/concordia-app/public/locales/en/translation.json

@@ -62,6 +62,7 @@
   "register.form.sign.up.step.error.message.header": "Form contains errors",
   "register.form.sign.up.step.title": "Sign Up",
   "register.p.account.address": "Account address:",
+  "topbar.button.about": "About",
   "topbar.button.clear.databases": "Clear databases",
   "topbar.button.create.topic": "Create topic",
   "topbar.button.profile": "Profile",

packages/concordia-app/src/Routes.jsx

@@ -39,6 +39,11 @@ const routesConfig = [
         path: '/home',
         component: lazy(() => import('./views/Home')),
       },
+      {
+        exact: true,
+        path: '/about',
+        component: lazy(() => import('./views/About')),
+      },
       {
         exact: true,
         path: '/topics/:id(\\bnew\\b|\\d+)',

packages/concordia-app/src/layouts/MainLayout/MainLayoutMenu/index.jsx

@@ -83,6 +83,14 @@ const MainLayoutMenu = () => {
                           >
                               {t('topbar.button.clear.databases')}
                           </Dropdown.Item>
+                          <Dropdown.Item
+                            link
+                            name="about"
+                            key="about"
+                            onClick={() => { history.push('/about'); }}
+                          >
+                              {t('topbar.button.about')}
+                          </Dropdown.Item>
                       </Dropdown.Menu>
                   </Dropdown>
 

packages/concordia-app/src/views/About/index.jsx

@@ -0,0 +1,12 @@
+import React, {
+  memo, useMemo,
+} from 'react';
+import { Container } from 'semantic-ui-react';
+
+const About = () => useMemo(() => (
+    <Container id="about-container" textAlign="center">
+        TODO
+    </Container>
+), []);
+
+export default memo(About);