added custom button to menu

src/styles/core/main.scss

@@ -0,0 +1,5 @@
+app-main {
+    * {
+        font-family: Roboto;
+    }
+}

src/styles/main.scss

@@ -3,3 +3,4 @@
 @import "./menu-item/index.scss";
 @import "./sidebar/index.scss";
 @import "./modal/index.scss";
+@import "./table/index.scss";

src/styles/menu-item/menu-item.scss

@@ -1,12 +1,39 @@
+.menu-item {
+    &.divider {
+        display: block;
+        height: 1px;
+        width: 80%;
+        margin: 1px auto;
+        border-bottom: 1px solid $gray-08;
+    }
+    &.menu-header {
+        flex: 1;
+        align-self: center;
+        text-align: center;
+        text-transform: uppercase;
+        text-decoration: underline;
+        margin: 8px auto;
+        font-family: Roboto;
+        font-size: 38px !important;
+    }
+}
 menu-item {
     [data-target="menu-item.itemEl"] {
+        display: grid;
+        grid-template-columns: 1fr auto;
+        grid-template-areas: "main custom";
         app-link {
             [data-target="app-link.main"] {
-                width: 100%;
+                grid-area: main;
+                display: flex;
+                align-items: center;
                 background-color: $black;
                 color: $gray-01;
                 border-radius: 0;
-                padding: 15px 0;
+                padding: 2px 0;
+                height: 50px;
+                text-align: left;
+                padding-left: 80px;
                 &:hover {
                     color: $white;
                     background-color: $gray-10;
@@ -20,5 +47,25 @@ menu-item {
                 }
             }
         }
+        [data-target="menu-item.customButton"] {
+            grid-area: custom;
+            display: none;
+        }
+        &:hover {
+            [data-target="menu-item.customButton"] {
+                grid-area: custom;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                width: 50px;
+                height: 50px;
+                background-color: $blue-09;
+                cursor: pointer;
+                user-select: none;
+                &:hover {
+                    background-color: $blue-08;
+                }
+            }
+        }
     }
 }

src/styles/table/index.scss

@@ -0,0 +1 @@
+@import "./table.scss"

src/styles/table/table.scss

@@ -0,0 +1,10 @@
+.table {
+    display: table;
+    tr {
+        display: table-row;
+        td {
+            display: table-cell;
+            border: 1px solid $gray-05;
+        }
+    }
+}