Add Header Menu Right

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

@@ -9,3 +9,8 @@
   <span>Leaderboard</span>
   <span>About</span>
 </div>
+
+<div class="menu-right">
+  <span>Login</span>
+  <span>Signup</span>
+</div>

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

@@ -18,14 +18,16 @@
   isolation: isolate;
   z-index: 100;
 
-  .menu-left {
+  .menu-left, .menu-right {
     display: flex;
     flex-direction: row;
     align-items: center;
-    justify-content: start;
     gap: 48px;
     padding: 12px;
+  }
 
+  .menu-left {
+    justify-content: start;
     .brand {
       display: flex;
       flex-direction: row;
@@ -53,4 +55,9 @@
       white-space: nowrap;
     }
   }
+
+  .menu-right {
+    flex-grow: 1;
+    justify-content: flex-end;
+  }
 }