feat: add error mapping support to attribution editor

src/components/license/AAttributionEditor.vue

 <template>
-  <FormGroup v-slot="controlAttributes" :label="t('image.license')">
+  <FormGroup
+    v-slot="controlAttributes"
+    :label="t('image.license')"
+    :errors="errors.forField('licenseId')"
+  >
     <select v-model="licenseId" class="form-control" required v-bind="controlAttributes">
       <option v-for="license in licenseStore.items" :key="license.id" :value="license.id">
         {{ license.name }}
@@ -12,7 +16,11 @@
     </ADescription>
   </FormGroup>
 
-  <FormGroup v-slot="controlAttributes" :label="t('image.credits')" :errors="[needsAuthorError]">
+  <FormGroup
+    v-slot="controlAttributes"
+    :label="t('image.credits')"
+    :errors="[...errors.forField('credits'), needsAuthorError]"
+  >
     <input
       v-model="credits"
       class="form-control"
@@ -23,7 +31,10 @@
 
   <FormGroup
     v-slot="controlAttributes"
-    :errors="[isUseExplicitlyGrantedByAuthorError]"
+    :errors="[
+      ...errors.forField('isUseExplicitlyGrantedByAuthor'),
+      isUseExplicitlyGrantedByAuthorError,
+    ]"
     custom-control
   >
     <label class="tw-flex tw-gap-2 tw-items-center tw-mb-0">
@@ -47,8 +58,18 @@ import { Licensing } from '@/types'
 import { computed } from 'vue'
 import { useCopy } from '@/form'
 import { useI18n } from '@/i18n'
+import { MappedErrorDetail, ErrorDetailArray } from '@rokoli/bnb/drf'
 
 const _attribution = defineModel<Licensing | null>({ required: true })
+withDefaults(
+  defineProps<{
+    errors?: ErrorDetailArray<MappedErrorDetail>
+  }>(),
+  {
+    errors: () => new ErrorDetailArray<MappedErrorDetail>(),
+  },
+)
+
 const defaultAttribution: Licensing = {
   licenseId: null,
   credits: '',