feat: add version tag on the sidebar.

client/src/components/Sidebar/Sidebar.js

@@ -1,4 +1,5 @@
 import React from 'react';
+import { Menu, MenuItem } from '@blueprintjs/core';
 import SidebarContainer from 'components/Sidebar/SidebarContainer';
 import SidebarHead from 'components/Sidebar/SidebarHead';
 import SidebarMenu from 'components/Sidebar/SidebarMenu';
@@ -13,6 +14,10 @@ export default function Sidebar() {
       <div className="sidebar__menu">
         <SidebarMenu />
       </div>
+   
+      <div class="sidebar__version">
+        0.0.1-beta version.
+      </div>   
     </SidebarContainer>
   )
 }

client/src/style/components/DataTable/DataTable.scss

@@ -24,8 +24,8 @@
         padding: 0.7rem 0.5rem;
         background: #f5f5f5;
         font-size: 14px;
-        color: #505e71;
+        color: #3b495d;
-        font-weight: 500;
+        font-weight: 600;
         border-bottom: 1px solid rgb(224, 224, 224);
 
         > div{

client/src/style/containers/Dashboard/Sidebar.scss

@@ -23,6 +23,12 @@
     }
   }
 
+  .ScrollbarsCustom-Content{
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+  }
+
   &:hover {
     .ScrollbarsCustom-Thumb {
 
@@ -103,6 +109,19 @@
     height: 100%;
   }
  
+  &__version{
+    margin-top: auto;
+    padding: 0 20px 20px;
+    font-size: 12px;
+    color: rgba(255, 255, 255, 0.6);
+  }
+
+  &__inner{
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+  }
+
   &-menu {
     background: transparent;
     padding: 0;
@@ -227,7 +246,8 @@
       }
     }
 
-    .sidebar__menu {
+    .sidebar__menu,
+    .sidebar__version {
       transition: opacity 0.3s ease-in-out;
       opacity: 0;
     }
@@ -248,11 +268,10 @@
           opacity: 0;
           transition-delay: 0s;
         }
-        .sidebar__head-organization{
-          opacity: 1;
-        }
         
-        .sidebar__menu {
+        .sidebar__head-organization,
+        .sidebar__menu,
+        .sidebar__version {
           opacity: 1;
         }