Resolve "Frontend Refactor"

Start of #118 (closed)

frontend/src/components/subscriptions/SubscriptionList.vue

@@ -2,7 +2,7 @@
   <v-card>
     <v-toolbar color="teal" :dense="sidebar">
       <v-toolbar-side-icon><v-icon>assignment</v-icon></v-toolbar-side-icon>
-      <v-toolbar-title v-if="!sidebar || (sidebar && !sideBarCollapsed)" style="min-width: fit-content;">
+      <v-toolbar-title v-if="showDetail" style="min-width: fit-content;">
         Tasks
       </v-toolbar-title>
       <v-spacer/>
@@ -16,7 +16,7 @@
         />
       </v-btn>
     </v-toolbar>
-    <v-tabs grow color="teal lighten-1" v-model="selectedStage">
+    <v-tabs grow color="teal lighten-1" v-model="selectedStage" v-if="showDetail">
       <v-tab v-for="(item, i) in stagesReadable" :key="i">
         {{item}}
       </v-tab>
@@ -59,7 +59,10 @@ export default {
       subscriptions: 'getSubscriptionsGroupedByType',
       stages: 'availableStages',
       stagesReadable: 'availableStagesReadable'
-    })
+    }),
+    showDetail () {
+      return !this.sidebar || (this.sidebar && !this.sideBarCollapsed)
+    }
   },
   methods: {
     ...mapActions([