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

Author: luizhf42

ui/src/components/Terminal/TerminalDialog.vue

@@ -2,20 +2,19 @@
   <BaseDialog
     v-model="showDialog"
     :forceFullscreen="!showLoginForm"
-    @click:outside="close"
-    @keydown.esc="close"
+    @close="close"
   >
     <v-card data-test="terminal-card" class="bg-v-theme-surface">
       <v-card-title
         class="text-h5 pa-4 bg-primary d-flex align-center justify-space-between"
       >
         Terminal
-        <v-icon v-if="!showLoginForm" @click="close()" data-test="close-terminal-btn" size="24">mdi-close</v-icon>
+        <v-icon v-if="!showLoginForm" @click="close" data-test="close-terminal-btn" size="24">mdi-close</v-icon>
       </v-card-title>
 
       <TerminalLoginForm
         v-if="showLoginForm"
-        @submit="(params) => handleSubmit(params)"
+        @submit="handleSubmit"
         @close="close"
       />
       <Terminal

ui/src/components/Terminal/TerminalHelper.vue

@@ -1,5 +1,5 @@
 <template>
-  <BaseDialog v-model="showDialog" @click:outside="clearData" transition="dialog-bottom-transition" data-test="dialog">
+  <BaseDialog v-model="showDialog" @close="close" transition="dialog-bottom-transition" data-test="dialog">
     <v-card class="bg-v-theme-surface">
       <v-card-title class="text-h6 pa-4 bg-primary" data-test="dialog-title">
         Generate a SSH command line
@@ -125,7 +125,7 @@ watch(showDialog, (isOpen) => {
   }
 });
 
-const clearData = () => {
+const close = () => {
   username.value = "";
   showDialog.value = false;
 };