fix: fix error rendering in image picker dialog

src/components/images/ImagePickerDialog.vue

@@ -30,9 +30,9 @@
       </button>
     </div>
 
-    <p v-if="error" role="alert" aria-live="assertive" class="alert alert-danger">
+    <AAlert v-if="error" is-error aria-live="assertive" class="tw-mb-3">
       {{ error.message }}
-    </p>
+    </AAlert>
 
     <ImageBrowser v-if="showBrowser" @input="setImage" />
     <ImageEditor v-if="selectedImage" v-model="selectedImage" :disabled="isSaving" />
@@ -83,6 +83,7 @@ import ADialog from '../generic/ADialog.vue'
 import ImageBrowser from './ImageBrowser.vue'
 import ImageEditor from './ImageEditor.vue'
 import ImageUploader from './ImageUploader.vue'
+import AAlert from '@/components/generic/AAlert.vue'
 
 const props = defineProps<{
   isOpen: boolean