update: left-menu and header : ellipsis and alignment

src/styles/base/header.scss

@@ -1,6 +1,6 @@
 #header {
-  max-height: 51px;
-  height: 51px;
+  max-height: 50px;
+  height: 50px;
   display: flex;
   align-items: center;
   background-color: var(--color-header-background);
@@ -76,7 +76,11 @@ sib-notifications {
   
     .sib-notifications__button {
       @include icon('bell');
-      font-size: 3rem;
+        font-size: 2.5rem;
+
+      @include breakpoint(lg) {
+        font-size: 3rem;
+      }
   
       &::before {
         margin-left: 0;
@@ -87,9 +91,14 @@ sib-notifications {
       }
   
       .sib-notifications__counter {
-        left: 2.1rem;
+        left: 2rem;
         position: absolute;
-        top: -3px;
+        top: 1px;
+
+        @include breakpoint(lg) {
+          left: 2.1rem;
+          top: -3px;
+        }
       }
     }
   
@@ -234,6 +243,7 @@ sib-notifications {
 }
 
 .mobile-menu-icon {
+
   display: none;
 
   @include breakpoint(sm) {

src/styles/base/menu-left.scss

@@ -116,7 +116,7 @@
 
           .project-name {
             display: block;
-            width: 100%;
+            width: calc(80vw - 50px);
 
             @include breakpoint(lg) {
               width: 150px;