feat[frontend](federation): moved second header to fit federation sidebar

Author: AlexSanchez-bit

frontend/src/app/app.component.scss

@@ -100,11 +100,11 @@
 
 .side-menu-federation {
   position: fixed;
-  top: $navbar-secondary-height+$navbar-primary-height -10px;
+  top: $navbar-primary-height;
   left: 0;
   bottom: 0;
   width: 60px;
-  z-index: 999;
+  z-index: 1031;
   background-color: $utm-header-color;
   border-right: 1px solid rgba(255, 255, 255, 0.08);
 }

frontend/src/app/shared/components/layout/header/header.component.html

@@ -42,7 +42,8 @@
 
 
   <!-- Alternative navbar -->
-  <div class="navbar navbar-expand-md navbar-light utm-navbar-secondary p-0 utmstack-header-menu">
+  <div *ngIf="(federationActive$ | async)"
+       class="navbar navbar-expand-md navbar-light utm-navbar-secondary p-0 utmstack-header-menu utm-navbar-secondary--federation">
     <app-header-menu-navigation></app-header-menu-navigation>
   </div>
   <!-- /alternative navbar -->

frontend/src/app/shared/components/layout/header/header.component.scss

@@ -181,6 +181,10 @@
   overflow-scrolling: auto;
 }
 
+.utm-navbar-secondary--federation {
+  padding-left: 60px !important;
+}
+
 
 .dropdown-menu-right {
   z-index: 999;