Implement Header Menu Left

src/app/ui/header-menu/header-menu.scss

@@ -5,6 +5,46 @@
   justify-content: start;
   gap: 30px;
 
-  width: 100vw;
-  border: oklch(0 0 0 / 20%) 2px solid;
+  width: 100%;
+  box-sizing: border-box;
+  border-bottom: oklch(0 0 0 / 20%) 2px solid;
+
+  backdrop-filter: blur(20px);
+
+  .menu-left {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: start;
+    gap: 48px;
+    padding: 12px;
+
+    .brand {
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      justify-content: start;
+      gap: 0;
+
+      img {
+        display: inline-block;
+        height: 20px;
+        padding: 10px;
+      }
+
+      span {
+        font-weight: 900;
+        line-height: 40px;
+
+        /*text-box-trim: trim-both;
+        text-box-edge: cap alphabetic;*/
+      }
+    }
+
+    span {
+      font-size: 18px;
+      line-height: 40px;
+      vertical-align: middle;
+    }
+  }
 }