Replace app title with new logo image, update header styles

Header is renamed to HeaderSection according to the vue recommendation that component names should consist of two words, and to be consistent with cccatalog codebase.

Author: obulat

src/App.vue

@@ -1,6 +1,6 @@
 <template>
     <div id="app">
-        <Header :title="$t('app.title')" />
+        <header-section />
         <div
             id="site-container"
             class="container"
@@ -41,7 +41,7 @@
 import HelpSection from './components/HelpSection'
 import Stepper from './components/Stepper'
 import LicenseUseCard from './components/LicenseUseCard'
-import Header from './components/Header.vue'
+import HeaderSection from './components/HeaderSection'
 import Footer from './components/Footer'
 import LocaleChooser from './components/LocaleChooser'
 import LicenseDetailsCard from './components/LicenseDetailsCard'
@@ -53,7 +53,7 @@ export default {
         Stepper,
         LicenseDetailsCard,
         LicenseUseCard,
-        Header,
+        HeaderSection,
         Footer,
         LocaleChooser
     },

src/assets/chooser.svg

@@ -0,0 +1,51 @@
+<template>
+    <b-navbar wrapper-class="container">
+        <template slot="brand">
+            <b-navbar-item>
+                <a
+                    class="logo"
+                    href="/"
+                >
+                    <img
+                        src="../assets/chooser.svg"
+                        alt="Creative Commons License chooser"
+                    >
+                </a>
+            </b-navbar-item>
+        </template>
+        <template slot="end">
+            <b-navbar-item
+                href="https://docs.google.com/forms/d/e/1FAIpQLSfF7MCKxlPsPuMn17v_sLYWMkxBkudQSPXCXoJKjh5GCtx63g/viewform"
+                title="Feedback"
+                class="navbar-item-feedback"
+            >
+                {{ $t('header.nav-feedback') }}
+                <i class="icon external-link" />
+            </b-navbar-item>
+        </template>
+    </b-navbar>
+</template>
+
+<script>
+export default {
+    name: 'HeaderSection'
+}
+</script>
+
+<style lang="scss">
+nav.navbar {
+    padding-top: 0.5rem;
+}
+.navbar-item-feedback {
+    padding-right: 30%;
+    font-family: Roboto Condensed,sans-serif;
+    font-size: 16px;
+    font-weight: bold;
+    color: #787878!important;
+    transition: color 300ms ease;
+    &:hover {
+        color: #fb7729!important;
+        background-color: white;
+    }
+}
+</style>