Add icons and logout function

src/components/Navbar.vue

@@ -7,9 +7,15 @@
             <b-navbar-toggle target="nav-collapse"></b-navbar-toggle>
             <b-collapse id="nav-collapse" is-nav>
                 <b-navbar-nav class="ml-auto">
-                    <b-nav-item to="/">Search</b-nav-item>
-                    <b-nav-item to="/matching">Match</b-nav-item>
-                    <b-nav-item>Config</b-nav-item>
+                    <b-nav-item to="/">
+                      <b-icon icon="search"></b-icon> Search
+                    </b-nav-item>
+                    <b-nav-item to="/matching">
+                      <b-icon icon="shuffle"></b-icon> Match
+                    </b-nav-item>
+                  <b-nav-item @click="$keycloak.logoutFn"  v-if="$keycloak.authenticated">
+                      <b-icon icon="power"></b-icon> Logout
+                  </b-nav-item>
                 </b-navbar-nav>
             </b-collapse>
         </b-navbar>
@@ -18,7 +24,7 @@
 
 <script>
   export default {
-    name: "Navbar"
+    name: "Navbar",
   }
 </script>