Header: fixup some weirdness I found making a real header

Author: grahamc

src/Header/index.scss

@@ -7,10 +7,15 @@
   display: flex;
   flex-direction: row;
   gap: 1em;
+  justify-content: space-between;
+  box-sizing: border-box;
 
   .header__logo {
     height: 100%;
-    margin-right: auto;
+    display: flex;
+    align-items: center;
+    flex-direction: row;
+    gap: 12px;
   }
 
   .header__element {