Aligning submenu 3rd level

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

packages/core/src/renderer/components/layout/sidebar-item.tsx

@@ -83,6 +83,7 @@ class NonInjectedSidebarItem extends React.Component<
         data-testid={`sidebar-item-${this.id}`}
         data-is-active-test={this.isActive}
         data-parent-id-test={this.registration.parentId}
+        data-expandable={this.isExpandable}
       >
         <NavLink
           to={""}

packages/core/src/renderer/components/layout/sidebar-items.module.scss

@@ -28,6 +28,12 @@
 
   .subMenu {
     .SidebarItem {
+      &[data-expandable="true"] {
+        > .navItem {
+          font-weight: bolder;
+        }
+      }
+
       .navItem {
         padding-left: 34px
       }
@@ -39,10 +45,6 @@
     &.active {
       border-color: transparent;
     }
-
-    .SidebarItem {
-      padding-left: calc(var(--padding) / 2);
-    }
   }
 }