refactor(ui): use BaseDialog @close event in AuthMFA components

Author: luizhf42

ui/src/components/AuthMFA/MfaDisable.vue

@@ -2,7 +2,7 @@
   <BaseDialog
     v-model="showDialog"
     scrollable
-    @click:outside="close"
+    @close="close"
     data-test="dialog"
   >
     <v-card class="bg-grey-darken-4 bg-v-theme-surface pa-3">

ui/src/components/AuthMFA/MfaSettings.vue

@@ -1,10 +1,10 @@
 <template>
   <BaseDialog
     v-model="showDialog"
+    @close="close"
     scrollable
     transition="dialog-bottom-transition"
     data-test="dialog"
-    @click:outside="close()"
   >
     <v-card class="bg-v-theme-surface content" data-test="card-first-page">
       <v-container>

ui/src/components/AuthMFA/RecoveryHelper.vue

@@ -1,6 +1,7 @@
 <template>
   <BaseDialog
     v-model="showDialog"
+    @close="close"
     transition="dialog-bottom-transition"
     persistent
   >