chore: removed header buttons components

frontend/src/components/header/Action.vue

@@ -1,14 +1,29 @@
 <template>
-    <button @click="$emit('action')" :aria-label="label" :title="label" class="action">
+    <button @click="action" :aria-label="label" :title="label" class="action">
     <i class="material-icons">{{ icon }}</i>
     <span>{{ label }}</span>
+    <span v-if="counter > 0" class="counter">{{ counter }}</span>
   </button>
 </template>
 
 <script>
 export default {
   name: 'action',
-  props: [ 'icon', 'label' ]
+  props: [
+    'icon',
+    'label',
+    'counter',
+    'show'
+  ],
+  methods: {
+    action: function () {
+      if (this.show) {
+        this.$store.commit('showHover', this.show)
+      }
+
+      this.$emit('action')
+    }
+  }
 }
 </script>