chore: header bar component

frontend/src/views/Settings.vue

@@ -1,5 +1,7 @@
 <template>
   <div class="dashboard">
+    <header-bar showMenu showLogo />
+
     <div id="nav">
       <div class="wrapper">
         <ul>
@@ -18,8 +20,15 @@
 <script>
 import { mapState } from 'vuex'
 
+import HeaderBar from '@/components/header/HeaderBar'
+
 export default {
   name: 'settings',
-  computed: mapState([ 'user' ])
+  components: {
+    HeaderBar
+  },
+  computed: {
+    ...mapState([ 'user' ])
+  }
 }
 </script>