feat: implement initial permission checks

We currently only have 3 permission’s that we can check. Those are now
implemented.

refs #247

src/Pages/ShowBasicData.vue

@@ -19,6 +19,7 @@
           :is-saving="name.isSaving"
           :errors="name.errors"
           class="tw-col-span-2"
+          edit-permissions="edit__show__name"
         >
           <input v-bind="attrs" v-model="name.value" type="text" @blur="name.save" />
           <ADescription class="tw-text-xs">
@@ -42,25 +43,37 @@
         </FormGroup>
 
         <FormGroup
-          v-slot="{ id }"
+          v-slot="{ id, disabled }"
           :label="t('show.fields.shortDescription')"
           :is-saving="shortDescription.isSaving"
           :errors="shortDescription.errors"
           class="tw-col-span-2"
+          edit-permissions="edit__show__short_description"
           custom-control
         >
-          <AHTMLEditor :id="id" v-model="shortDescription.value" @blur="shortDescription.save()" />
+          <AHTMLEditor
+            :id="id"
+            v-model="shortDescription.value"
+            :disabled="disabled"
+            @blur="shortDescription.save()"
+          />
         </FormGroup>
 
         <FormGroup
-          v-slot="{ id }"
+          v-slot="{ id, disabled }"
           :label="t('show.fields.description')"
           :is-saving="description.isSaving"
           :errors="description.errors"
+          edit-permissions="edit__show__description"
           class="tw-col-span-2"
           custom-control
         >
-          <AHTMLEditor :id="id" v-model="description.value" @blur="shortDescription.save()" />
+          <AHTMLEditor
+            :id="id"
+            v-model="description.value"
+            :disabled="disabled"
+            @blur="shortDescription.save()"
+          />
         </FormGroup>
 
         <div class="tw-flex tw-gap-6 tw-flex-wrap">