[enh] Tabs in config panel

app/src/views/app/AppConfigPanel.vue

@@ -1,11 +1,15 @@
 <template>
   <view-base :queries="queries" @queries-response="onQueriesResponse" skeleton="card-form-skeleton">
     <template v-if="panels" #default>
+      <b-tabs pills card vertical>
+        <b-tab v-for="{ name, id: id_, sections, help, serverError } in panels"
+               :key="id_"
+               :title="name"
+        >
           <card-form
-        v-for="{ name, id: id_, sections, help, serverError } in panels" :key="id_"
+            :key="id_"
             :title="name" icon="wrench" title-tag="h2"
             :validation="$v.forms[id_]" :id="id_ + '-form'" :server-error="serverError"
-        collapsable
             @submit.prevent="applyConfig(id_)"
           >
             <template v-if="help" #disclaimer>
@@ -23,7 +27,9 @@
                 />
               </template>
             </div>
-      </card-form> {{ errors.main.str }}
+          </card-form>
+        </b-tab>
+      </b-tabs>
     </template>
 
     <!-- if no config panel -->