refactor(01): use new toggle button

src/components/01_branch-management/FormBank.vue

@@ -6,6 +6,7 @@ import { onMounted, ref, watch } from 'vue';
 import { deleteItem } from 'stores/utils';
 import { QSelect } from 'quasar';
 import { AddButton, DeleteButton } from 'components/button';
+import ToggleButton from '../button/ToggleButton.vue';
 
 const optionStore = useOptionStore();
 
@@ -113,13 +114,10 @@ watch(
         <div class="row items-center">
           <div style="height: 30.8px" />
           {{ $t('accountStatus') }}
-          <q-toggle
+          <ToggleButton
             id="toggle-bank-status"
-            dense
-            size="md"
-            padding="none"
-            class="q-pl-md"
             :disable="readonly"
+            class="q-ml-md"
             v-model="book.currentlyUse"
           />
           <q-separator