fix: use share button on dialog form

src/components/DialogForm.vue

@@ -1,4 +1,12 @@
 <script setup lang="ts">
+import {
+  EditButton,
+  DeleteButton,
+  CancelButton,
+  SaveButton,
+  UndoButton,
+} from 'src/components/button';
+
 defineProps<{
   title: string;
   titleFormAddress?: string;
@@ -127,20 +135,17 @@ const currentTab = defineModel<string>('currentTab');
                 {{ badgeLabel }}
               </text>
             </div>
-            <q-btn
+            <CancelButton
-              round
+              icon-only
-              flat
+              id="btn-form-close"
-              id="closeDialog"
-              icon="mdi-close"
-              padding="xs"
-              class="close-btn"
-              :class="{ dark: $q.dark.isActive }"
               @click="
                 () => {
                   modal = beforeClose ? beforeClose() : !modal;
                   close?.();
                 }
               "
+              type="reset"
+              resetValidation
             />
           </div>
         </div>
@@ -205,25 +210,18 @@ const currentTab = defineModel<string>('currentTab');
           <div>
             <slot name="footer"></slot>
           </div>
-          <div class="row flex justify-end q-gutter-x-md">
+          <div class="row flex justify-end">
-            <q-btn
+            <CancelButton
-              id="cancelBtn"
+              id="btn-form-cancel"
-              unelevated
+              outlined
-              class="col btn-cancel-dialog rounded"
-              color="grey-4"
-              text-color="grey-10"
               @click="close"
-              :label="$t('cancel')"
               v-close-popup
             />
-            <q-btn
+            <SaveButton
-              dense
+              class="q-ml-md"
-              unelevated
+              id="btn-form-submit"
-              id="submitBtn"
               type="submit"
-              color="primary"
+              solid
-              class="q-px-md rounded"
-              :label="$t('save')"
             />
           </div>
         </div>

src/components/DrawerInfo.vue

@@ -122,7 +122,7 @@ function reset() {
           <div class="q-mr-md" style="width: 36.8px"></div>
           <CancelButton
             icon-only
-            id="btn-info-cancel"
+            id="btn-info-close"
             @click="
               () => {
                 drawerOpen = beforeClose ? beforeClose() : !drawerOpen;