refactor: use new btn-default style

src/components/generic/ADialog.vue

@@ -13,7 +13,7 @@
       </div>
       <button
         type="button"
-        class="tw-w-8 tw-h-8 tw-ml-auto tw-p-0 tw-flex tw-items-center tw-justify-center tw-bg-gray-100 tw-rounded-full tw-border-none"
+        class="btn btn-default tw-w-8 tw-h-8 tw-ml-auto tw-p-0 tw-flex tw-items-center tw-justify-center tw-rounded-full"
         tabindex="-1"
         @click="close"
       >

src/components/images/ImagePicker.vue

@@ -9,7 +9,7 @@
     >
       <button
         type="button"
-        class="btn btn-secondary btn-sm tw-inline-flex tw-items-center"
+        class="btn btn-default btn-sm tw-inline-flex tw-items-center"
         @click="showPicker = true"
       >
         <icon-carbon-image-search class="tw-mr-1 tw-w-6 tw-h-6" />

src/components/images/ImagePickerDialog.vue

@@ -13,7 +13,7 @@
       <button
         v-if="imageStore.count > 0"
         type="button"
-        class="btn btn-sm btn-secondary tw-flex tw-items-center tw-grow md:tw-grow-0"
+        class="btn btn-sm btn-default tw-flex tw-items-center tw-grow md:tw-grow-0"
         @click.stop="showBrowser = true"
       >
         <icon-carbon-search class="tw-mr-1 tw-w-6 tw-h-6" />
@@ -22,7 +22,7 @@
       <button
         v-if="currentImage"
         type="button"
-        class="btn btn-sm btn-secondary tw-flex tw-items-center tw-grow md:tw-grow-0"
+        class="btn btn-sm btn-default tw-flex tw-items-center tw-grow md:tw-grow-0"
         @click.stop="selectedImage = currentImage"
       >
         <icon-carbon-pen class="tw-mr-1 tw-w-6 tw-h-6" />
@@ -49,13 +49,18 @@
           <template v-if="isSelectedImageNew">{{ t('imagePicker.useImage') }}</template>
           <template v-else>{{ t('imagePicker.saveChanges') }}</template>
         </button>
-        <button v-if="selectedImage" type="button" class="btn" @click.stop="deselectImage">
+        <button
+          v-if="selectedImage"
+          type="button"
+          class="btn btn-default"
+          @click.stop="deselectImage"
+        >
           {{ t('imagePicker.abort') }}
         </button>
         <button
           v-if="showBrowser"
           type="button"
-          class="btn btn-secondary"
+          class="btn btn-default"
           @click.stop="showBrowser = false"
         >
           {{ t('imagePicker.abort') }}