added about menu item

public/locales/en/translations.json

@@ -23,7 +23,8 @@
     "Machines": "Machines",
     "System": "System",
     "Trash": "Trash",
-    "Settings": "Settings"
+    "Settings": "Settings",
+    "About": "About"
   },
   "Login": {
     "Username": "Username",

public/locales/ro/translations.json

@@ -14,7 +14,8 @@
     "Machines": "Mașini",
     "System": "Sistem",
     "Trash": "Gunoi",
-    "Settings": "Setări"
+    "Settings": "Setări",
+    "About": "Despre"
   },
   "Login": {
     "Username": "Utilizator",

src/components/layout/Sidebar.js

@@ -18,6 +18,7 @@ import DnsIcon from "@material-ui/icons/Dns";
 import DeviceHubIcon from "@material-ui/icons/DeviceHub";
 import SettingsIcon from "@material-ui/icons/Settings";
 import DashboardIcon from "@material-ui/icons/Dashboard";
+import FeaturedPlayListIcon from "@material-ui/icons/FeaturedPlayList";
 import { useHistory } from "react-router-dom";
 import { useTranslation } from "react-i18next";
 import styles from "./styles";
@@ -101,6 +102,15 @@ const Sidebar = ({ open, handleDrawerClose }) => {
           <ListItemText primary={t("Menu.Settings")} />
         </ListItem>
       </List>
+      <Divider />
+      <List>
+        <ListItem button key="about" onClick={() => history.push("/about")}>
+          <ListItemIcon>
+            <FeaturedPlayListIcon />
+          </ListItemIcon>
+          <ListItemText primary={t("Menu.About")} />
+        </ListItem>
+      </List>
     </Drawer>
   );
 };