feat: improve BaseDialog on mobile and use it globally (#7076)

Co-authored-by: Michael Genson <71845777+michael-genson@users.noreply.github.com>

frontend/pages/shopping-lists/[id].vue

@@ -6,6 +6,7 @@
     <BaseDialog
       v-model="state.checkAllDialog"
       :title="$t('general.confirm')"
+      :icon="$globals.icons.checkboxOutline"
       can-confirm
       @confirm="checkAll"
     >
@@ -17,6 +18,7 @@
     <BaseDialog
       v-model="state.uncheckAllDialog"
       :title="$t('general.confirm')"
+      :icon="$globals.icons.checkboxBlankOutline"
       can-confirm
       @confirm="uncheckAll"
     >
@@ -28,6 +30,7 @@
     <BaseDialog
       v-model="state.deleteCheckedDialog"
       :title="$t('general.confirm')"
+      :icon="$globals.icons.alertCircle"
       can-confirm
       @confirm="deleteChecked"
     >

frontend/pages/shopping-lists/index.vue

@@ -6,6 +6,7 @@
     <BaseDialog
       v-model="state.createDialog"
       :title="$t('shopping-list.create-shopping-list')"
+      :icon="$globals.icons.formatListCheck"
       can-submit
       @submit="createOne"
     >
@@ -43,6 +44,7 @@
     <BaseDialog
       v-model="state.deleteDialog"
       :title="$t('general.confirm')"
+      :icon="$globals.icons.alertCircle"
       color="error"
       can-confirm
       @confirm="deleteOne"