Merge remote-tracking branch 'origin/navigation' into dev

src/components/Nav/Header.scss

@@ -263,3 +263,15 @@ nav {
     z-index: 1;
   }
 }
+
+.header__search {
+  text-transform: lowercase;
+
+  .icon {
+    display: inline-block;
+    height: 1em;
+    margin-right: 0.3em;
+    vertical-align: middle;
+    width: 1em;
+  }
+}

src/components/Nav/Header.tsx

@@ -109,6 +109,12 @@ export const Header = () => {
                   </li>
                 )}
               </For>
+              <li class="header__search">
+                <a href="#">
+                  <Icon name="search" />
+                  {t('Search')}
+                </a>
+              </li>
             </ul>
           </div>
           <div class="usernav">