frontend: put version information on drawer

frontend/src/layout/MainListItems.js

@@ -43,6 +43,10 @@ import { isArray } from "lodash";
 import api from "../services/api";
 import toastError from "../errors/toastError";
 import { makeStyles } from "@material-ui/core/styles";
+import Typography from "@material-ui/core/Typography";
+import { loadJSON } from "../helpers/loadJSON";
+
+const gitinfo = loadJSON('/gitinfo.json');
 
 const useStyles = makeStyles((theme) => ({
   ListSubheader: {
@@ -145,6 +149,7 @@ const MainListItems = (props) => {
   const [pageNumber, setPageNumber] = useState(1);
   const [searchParam] = useState("");
   const [chats, dispatch] = useReducer(reducer, []);
+  const [version, setVersion] = useState("v N/A");
 
   const socketManager = useContext(SocketContext);
 
@@ -456,6 +461,14 @@ const MainListItems = (props) => {
               primary={i18n.t("mainDrawer.listItems.settings")}
               icon={<SettingsOutlinedIcon />}
             />
+
+              <Divider />
+              <Typography style={{ fontSize: "12px", padding: "10px", textAlign: "right", fontWeight: "bold" }}>
+                {`${gitinfo.tagName.replace("N/A", "") || gitinfo.branchName + " " + gitinfo.commitHash }`} 
+                &nbsp;/&nbsp;
+                {`${gitinfo.buildTimestamp }`}
+              </Typography>
+
           {}
 
           </>