refactor: handle edit

src/pages/03_customer-management/MainPage.vue

@@ -2469,7 +2469,11 @@ watch(
       !currentFromDataEmployee.image || !employeeFormState.profileUrl
     "
     clear-button
-    @save="() => {}"
+    @save="
+      async () => {
+        await employeeFormStore.submitPersonal();
+      }
+    "
   >
     <template #error>
       <div class="full-height full-width" style="background: white">
@@ -2548,6 +2552,18 @@ watch(
     <div class="full-height full-width column">
       <div class="q-mx-lg q-mt-lg">
         <ProfileBanner
+          @view="employeeFormState.imageDialog = true"
+          @edit="
+            dialogEmployeeImageUpload && dialogEmployeeImageUpload.browse()
+          "
+          @update:toggle-status="
+            () => {
+              currentFromDataEmployee.status =
+                currentFromDataEmployee.status === 'CREATED'
+                  ? 'INACTIVE'
+                  : 'CREATED';
+            }
+          "
           active
           useToggle
           color="white"
@@ -2556,7 +2572,7 @@ watch(
           v-model:current-tab="employeeFormState.currentTab"
           v-model:cover-url="employeeFormState.profileUrl"
           fallbackCover="images/employee-banner.png"
-          :img="`/images/employee-avatar.png`"
+          :img="employeeFormState.profileUrl"
           :tabs-list="[
             { name: 'personalInfo', label: 'personalInfo' },
             { name: 'healthCheck', label: 'healthCheck' },