refactor: move component to share component

src/pages/01_branch-management/MainPage.vue

@@ -6,7 +6,7 @@ import { Icon } from '@iconify/vue';
 import useBranchStore from 'stores/branch';
 import useBranchContactStore from 'stores/branch-contact';
 import AppBox from 'components/app/AppBox.vue';
-import BtnAddComponent from 'components/01_branch-management/BtnAddComponent.vue';
+import AddButton from 'components/AddButton.vue';
 import TooltipComponent from 'components/TooltipComponent.vue';
 import StatCardComponent from 'components/StatCardComponent.vue';
 import CardDetailsComponent from 'src/components/01_branch-management/CardDetailsComponent.vue';
@@ -452,7 +452,7 @@ onMounted(async () => {
           />
         </div>
         <div class="col self-center" style="display: flex; align-items: center">
-          <BtnAddComponent
+          <AddButton
             :label="'สร้างสำนักงานใหญ่'"
             @trigger="() => openDialog()"
           />

src/pages/02_personnel-management/MainPage.vue

@@ -14,7 +14,7 @@ import PersonCard from 'components/home/PersonCard.vue';
 import AppBox from 'components/app/AppBox.vue';
 import StatCardComponent from 'components/StatCardComponent.vue';
 import SelectorList from 'components/SelectorList.vue';
-import BtnAddComponent from 'components/01_branch-management/BtnAddComponent.vue';
+import AddButton from 'components/AddButton.vue';
 import TooltipComponent from 'components/TooltipComponent.vue';
 import FormDialog from 'src/components/FormDialog.vue';
 
@@ -387,7 +387,7 @@ watch(
           </div>
         </div>
         <div class="col self-center" style="display: flex; align-items: center">
-          <BtnAddComponent
+          <AddButton
             :label="'personnelAdd'"
             :cyanOn="true"
             @trigger="openDialog"