Specify version number of the dashboard in footer (#3447)

* PBENCH-1092
Specify version number
Include the version number in the footer

dashboard/src/modules/components/FooterComponent/index.jsx

@@ -0,0 +1,16 @@
+import "./index.less";
+
+import React from "react";
+import { useSelector } from "react-redux";
+
+const Footer = () => {
+  const { endpoints } = useSelector((state) => state.apiEndpoint);
+
+  return (
+    <div className="footer-container">
+      Version @ <span> {endpoints?.identification}</span>
+    </div>
+  );
+};
+
+export default Footer;

dashboard/src/modules/components/FooterComponent/index.less

@@ -0,0 +1,13 @@
+.footer-container {
+  width: 100%;
+  padding: 1.5rem;
+  background: #151515;
+  color: #ffffff;
+  font-size: 0.85em;
+  overflow-x: hidden;
+  text-align: center;
+
+  span {
+    font-style: italic;
+  }
+}

dashboard/src/modules/containers/MainLayout/index.jsx

@@ -3,6 +3,7 @@ import "./index.less";
 import { Outlet, useNavigate } from "react-router-dom";
 import { Page, PageSection, PageSectionVariants } from "@patternfly/react-core";
 
+import Footer from "modules/components/FooterComponent";
 import HeaderComponent from "modules/components/HeaderComponent";
 import LoadingComponent from "modules/components/LoadingComponent";
 import React from "react";
@@ -24,6 +25,7 @@ const MainLayout = () => {
           <LoadingComponent>
             <Outlet context={navigate} />
           </LoadingComponent>
+          <Footer />
         </PageSection>
       </Page>
     </>