refactor: move event handler to its parent

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

@@ -519,24 +519,24 @@ watch(locale, () => {
                     dense
                     id="hq-add-btn"
                     class="q-mr-sm"
+                    @click="
+                      () => {
+                        if (!currentHq.id) {
+                          triggerCreate('headOffice');
+                        } else {
+                          triggerCreate(
+                            'subBranch',
+                            currentHq.id,
+                            currentHq.code,
+                          );
+                        }
+                      }
+                    "
                   >
                     <Icon
                       icon="pixelarticons:plus"
                       class="cursor-pointer"
                       style="color: var(--foreground); scale: 1.5"
-                      @click="
-                        () => {
-                          if (!currentHq.id) {
-                            triggerCreate('headOffice');
-                          } else {
-                            triggerCreate(
-                              'subBranch',
-                              currentHq.id,
-                              currentHq.code,
-                            );
-                          }
-                        }
-                      "
                     />
                   </q-btn>
                 </div>