show both versions in nav bar

Author: dkhalife

.env

@@ -1 +1,2 @@
 VITE_APP_API_URL=http://localhost:2021
+VITE_BACKEND_VERSION=0.0.0 # To be set during packaging step

.env.prod

@@ -1 +1,2 @@
 VITE_APP_API_URL=
+VITE_BACKEND_VERSION=0.0.0 # To be set during packaging step

src/views/Navigation/NavBar.tsx

@@ -36,7 +36,8 @@ export class NavBar extends React.Component<NavBarProps, NavBarState> {
     }
   }
 
-  private version = import.meta.env.PACKAGE_VERSION
+  private frontend_version = import.meta.env.PACKAGE_VERSION
+  private backend_version = import.meta.env.VITE_BACKEND_VERSION
 
   private openDrawer = () => {
     this.setState({ drawerOpen: true })
@@ -161,7 +162,8 @@ export class NavBar extends React.Component<NavBarProps, NavBarState> {
                   bottom: 0,
                 }}
               >
-                v{this.version}
+                Frontend: v{this.frontend_version}<br />
+                Backend: v{this.backend_version}
               </Typography>
             </List>
           </div>