refactor: change button order and icon

src/pages/03_customer-management/components/employer/EmployerFormBasicInfo.vue

@@ -7,10 +7,9 @@ import { onMounted } from 'vue';
 import {
   SaveButton,
   EditButton,
-  CancelButton,
   DeleteButton,
+  UndoButton,
 } from 'src/components/button';
-
 defineProps<{
   prefixId?: string;
   outlined?: boolean;
@@ -94,20 +93,20 @@ watch(
         type="button"
         :disabled="actionDisabled"
       />
+      <UndoButton
+        icon-only
+        v-if="!readonly && !create"
+        class="q-ml-auto"
+        type="button"
+        :disabled="actionDisabled"
+        @click="$emit('cancel')"
+      />
       <SaveButton
         icon-only
         v-if="!readonly"
         @click="$emit('save')"
-        class="q-ml-auto"
         :disabled="actionDisabled"
       />
-      <CancelButton
-        icon-only
-        v-if="!readonly && !create"
-        type="button"
-        :disabled="actionDisabled"
-        @click="$emit('cancel')"
-      />
     </div>
     <q-select
       outlined