feat: customer employee update & drawer info

src/components/03_customer-management/BasicInformation.vue

@@ -9,7 +9,7 @@ const employerID = defineModel<string>('employerID');
 
 // employee
 const customerBranchId = defineModel<string>('customerBranchId');
-const employeeID = defineModel<string>('employeeID');
+const employeeId = defineModel<string>('employeeId');
 const nrcNo = defineModel<string>('nrcNo');
 
 defineProps<{
@@ -85,6 +85,7 @@ onMounted(async () => {});
       id="select-employer-branch"
       use-input
       input-debounce="0"
+      :hide-dropdown-icon="readonly"
       :dense="dense"
       :outlined="!readonly"
       :readonly="readonly"
@@ -113,7 +114,7 @@ onMounted(async () => {});
       hide-bottom-space
       class="col-3"
       :label="$t('formDialogEmployeeID')"
-      v-model="employeeID"
+      v-model="employeeId"
     />
     <q-input
       mask="## #### ###### #"

src/components/03_customer-management/FormEmployeeHealthCheck.vue

@@ -135,7 +135,7 @@ onMounted(async () => {
         v-bind:key="index"
         :name="`tab${index}`"
         class="row col-12 items-start"
-        style="overflow: auto; height: 50vh"
+        style="overflow: auto"
       >
         <div class="col-3 app-text-muted">
           • {{ $t(`formDialogTitleHealthCheck`) }}

src/components/03_customer-management/FormEmployeeWorkHistory.vue

@@ -107,7 +107,7 @@ onMounted(async () => {
         v-bind:key="index"
         :name="`tab${index}`"
         class="row col-12 items-start"
-        style="overflow: auto; height: 50vh"
+        style="overflow: auto"
       >
         <div class="col-3 app-text-muted">• {{ $t(`workHistory`) }}</div>
         <div class="col-9 row q-col-gutter-md">