scuttlebutt: Hide debit button if user is missing the permission

src/plugins/balance/pages/Add.vue

@@ -47,6 +47,7 @@
           </div>
           <div class="col-sm-4 col-xs-6">
             <q-btn
+              v-if="canAddCredit"
               style="width: 100%"
               color="secondary"
               label="Gutschreiben"
@@ -85,6 +86,7 @@ export default defineComponent({
     const user = ref(store.state.user.currentUser);
     const shortCuts = ref(store.state.balance.shortcuts);
 
+    const canAddCredit = computed(() => hasPermission(PERMISSIONS.CREDIT, store));
     const showSelector = computed(
       () => hasPermission(PERMISSIONS.DEBIT, store) || hasPermission(PERMISSIONS.CREDIT, store)
     );
@@ -107,6 +109,7 @@ export default defineComponent({
     return {
       user,
       addShortcut,
+      canAddCredit,
       removeShortcut,
       showAddShortcut,
       changeBalance,