diff --git a/src/components/DialogForm.vue b/src/components/DialogForm.vue
index fb29a4ca..84319bcf 100644
--- a/src/components/DialogForm.vue
+++ b/src/components/DialogForm.vue
@@ -42,15 +42,6 @@ defineProps<{
 
 const modal = defineModel('modal', { default: false });
 const currentTab = defineModel<string>('currentTab');
-
-async function onValidationError(ref: any) {
-  const el = ref.$el as Element;
-  el.scrollIntoView({
-    behavior: 'smooth',
-    block: 'center',
-    inline: 'nearest',
-  });
-}
 </script>
 <template>
   <q-dialog
@@ -69,7 +60,6 @@ async function onValidationError(ref: any) {
         @submit.prevent
         @validation-success="submit"
         class="column full-height"
-        @validation-error="onValidationError"
       >
         <!-- header -->
         <div
diff --git a/src/components/DrawerInfo.vue b/src/components/DrawerInfo.vue
index 0ce76c7b..e796890a 100644
--- a/src/components/DrawerInfo.vue
+++ b/src/components/DrawerInfo.vue
@@ -46,15 +46,6 @@ function reset() {
     myForm.value.resetValidation();
   }
 }
-
-async function onValidationError(ref: any) {
-  const el = ref.$el as Element;
-  el.scrollIntoView({
-    behavior: 'smooth',
-    block: 'center',
-    inline: 'nearest',
-  });
-}
 </script>
 <template>
   <q-drawer
@@ -75,7 +66,6 @@ async function onValidationError(ref: any) {
       greedy
       @submit.prevent
       @validation-success="submit"
-      @validation-error="onValidationError"
     >
       <div
         class="column justify-between full-height"
diff --git a/src/components/dialog/DialogFormContainer.vue b/src/components/dialog/DialogFormContainer.vue
index c68f7d46..ccf174d2 100644
--- a/src/components/dialog/DialogFormContainer.vue
+++ b/src/components/dialog/DialogFormContainer.vue
@@ -23,15 +23,6 @@ function update(value: boolean) {
   }
 }
 
-async function onValidationError(ref: any) {
-  const el = ref.$el as Element;
-  el.scrollIntoView({
-    behavior: 'smooth',
-    block: 'center',
-    inline: 'nearest',
-  });
-}
-
 const state = defineModel({ default: false });
 </script>
 
@@ -50,7 +41,6 @@ const state = defineModel({ default: false });
       }"
     >
       <q-form
-        @validation-error="onValidationError"
         @submit.prevent="(e) => $emit('submit', e)"
         @reset="$emit('reset')"
         greedy
diff --git a/src/components/shared/select-muliple/SelectOffice.vue b/src/components/shared/select-muliple/SelectOffice.vue
index 22a0a327..24437cd1 100644
--- a/src/components/shared/select-muliple/SelectOffice.vue
+++ b/src/components/shared/select-muliple/SelectOffice.vue
@@ -72,11 +72,7 @@ onMounted(async () => {
     :option="selectOptions"
     :hide-selected="false"
     :fill-input="false"
-    :rules="[
-      (v: string) => {
-        return !!v?.length || $t('form.error.required');
-      },
-    ]"
+    :rules="[(v: string) => !!v || $t('form.error.required')]"
     @filter="filter"
   >
     <template #before-options v-if="creatable">
diff --git a/src/pages/00_manual/MainPage.vue b/src/pages/00_manual/MainPage.vue
index 33a19ebe..a0b85ef8 100644
--- a/src/pages/00_manual/MainPage.vue
+++ b/src/pages/00_manual/MainPage.vue
@@ -10,11 +10,10 @@ import { onMounted, watch } from 'vue';
 import { useManualStore } from 'src/stores/manual';
 import { useNavigator } from 'src/stores/navigator';
 import { Icon } from '@iconify/vue/dist/iconify.js';
-import { useRoute, useRouter } from 'vue-router';
+import { useRoute } from 'vue-router';
 
 // NOTE: Variable
 const route = useRoute();
-const router = useRouter();
 const manualStore = useManualStore();
 const navigatorStore = useNavigator();
 const { dataManual, dataTroubleshooting } = storeToRefs(manualStore);
@@ -34,16 +33,6 @@ watch(
     if (route.name === 'Troubleshooting') {
       const res = await manualStore.getTroubleshooting();
       dataTroubleshooting.value = res ? res : [];
-      if (
-        res.length &&
-        res.length === 1 &&
-        res[0].page &&
-        res[0].page.length === 1
-      ) {
-        router.replace(
-          `/troubleshooting/${res[0].category}/${res[0].page[0].name}`,
-        );
-      }
     }
   },
   { immediate: true },
diff --git a/src/pages/00_manual/ViewPage.vue b/src/pages/00_manual/ViewPage.vue
index 074a49cf..05e08147 100644
--- a/src/pages/00_manual/ViewPage.vue
+++ b/src/pages/00_manual/ViewPage.vue
@@ -116,8 +116,8 @@ async function scrollTo(id: string) {
 
 <template>
   <main
-    class="full-height q-gutter-sm no-wrap"
-    :class="{ column: !toc && $q.screen.lt.md, 'row reverse': $q.screen.gt.sm }"
+    class="full-height q-gutter-sm"
+    :class="{ 'row reverse': $q.screen.gt.xs, column: $q.screen.xs }"
   >
     <section
       v-if="toc"
@@ -168,7 +168,7 @@ async function scrollTo(id: string) {
       </q-list>
     </section>
 
-    <section v-if="!toc && $q.screen.lt.md">
+    <section v-if="!toc && $q.screen.xs">
       <q-btn
         dense
         class="full-width text-capitalize"
@@ -181,7 +181,7 @@ async function scrollTo(id: string) {
     </section>
 
     <section
-      v-if="$q.screen.gt.xs || (!toc && $q.screen.xs)"
+      v-if="content || (!toc && $q.screen.xs)"
       ref="wrapper"
       class="markdown col scroll full-height rounded"
     >
diff --git a/src/pages/00_notification/MainPage.vue b/src/pages/00_notification/MainPage.vue
index bc4cee01..a3506813 100644
--- a/src/pages/00_notification/MainPage.vue
+++ b/src/pages/00_notification/MainPage.vue
@@ -94,22 +94,21 @@ onMounted(async () => {
 <template>
   <main class="column full-height no-wrap">
     <div class="surface-1 col bordered rounded column">
-      <div class="q-py-xs row items-center" style="padding-inline: 38px">
+      <div class="q-px-lg q-py-xs row items-center">
         <q-checkbox
           size="xs"
-          :model-value="noti.length > 0 && selectedNoti.length === noti.length"
-          :disable="noti.length === 0"
+          :model-value="selectedNoti.length === noti.length"
+          class="q-px-sm"
           @click="toggleSelection('', true)"
         />
-        <q-separator vertical inset spaced="md" />
         <q-btn
           v-if="selectedNoti.length === 0"
           icon="mdi-refresh"
           rounded
           flat
           dense
-          size="sm"
-          class="app-text-muted-2 q-mt-xs"
+          size="xs"
+          class="app-text-muted-2 q-ml-sm q-mt-xs"
           @click="async () => await fetchNoti()"
         >
           <q-tooltip>Refresh</q-tooltip>
@@ -120,8 +119,8 @@ onMounted(async () => {
           rounded
           flat
           dense
-          size="sm"
-          class="app-text-muted-2"
+          size="xs"
+          class="app-text-muted-2 q-ml-sm"
           @click="async () => await deleteNoti()"
         >
           <q-tooltip>{{ $t('general.delete') }}</q-tooltip>
@@ -132,7 +131,7 @@ onMounted(async () => {
           rounded
           flat
           dense
-          size="sm"
+          size="xs"
           class="app-text-muted-2 q-mx-sm"
           @click="async () => await markAsRead()"
         >
@@ -178,13 +177,7 @@ onMounted(async () => {
             <q-badge
               rounded
               class="q-ml-md"
-              :color="
-                (tab.value === 'all'
-                  ? noti.length
-                  : noti.filter((v) => !v.read).length) > 0
-                  ? 'info'
-                  : 'grey'
-              "
+              style="background: hsl(var(--info-bg))"
             >
               {{
                 tab.value === 'all'
diff --git a/src/pages/02_personnel-management/MainPage.vue b/src/pages/02_personnel-management/MainPage.vue
index cff14f9d..b0aa4f02 100644
--- a/src/pages/02_personnel-management/MainPage.vue
+++ b/src/pages/02_personnel-management/MainPage.vue
@@ -555,6 +555,7 @@ async function triggerChangeStatus(id: string, status: string) {
 async function assignFormData(idEdit: string) {
   if (!userData.value) return;
   const foundUser = userData.value.result.find((user) => user.id === idEdit);
+  console.log(foundUser);
 
   if (foundUser) {
     currentUser.value = foundUser;
@@ -599,8 +600,8 @@ async function assignFormData(idEdit: string) {
       responsibleArea: foundUser.responsibleArea,
       status: foundUser.status,
       selectedImage: foundUser.selectedImage,
-      contactName: foundUser.contactName || '',
-      contactTel: foundUser.contactTel || '',
+      contactName: foundUser.contactName,
+      contactTel: foundUser.contactTel,
       licenseExpireDate:
         (foundUser.licenseExpireDate &&
           new Date(foundUser.licenseExpireDate)) ||
diff --git a/src/pages/04_product-service/MainPage.vue b/src/pages/04_product-service/MainPage.vue
index 88d6746c..d70b6b6a 100644
--- a/src/pages/04_product-service/MainPage.vue
+++ b/src/pages/04_product-service/MainPage.vue
@@ -2506,7 +2506,6 @@ watch(
                           />
 
                           <KebabAction
-                            v-if="actionDisplay"
                             :disable-delete="props.row.status !== 'CREATED'"
                             :status="props.row.status"
                             :id-name="props.row.name"
@@ -3253,7 +3252,6 @@ watch(
                               "
                             />
                             <KebabAction
-                              v-if="actionDisplay"
                               :use-copy="productAndServiceTab === 'service'"
                               :status="props.row.status"
                               :id-name="props.row.name"
diff --git a/src/pages/05_quotation/QuotationForm.vue b/src/pages/05_quotation/QuotationForm.vue
index fdc36d8b..d7e332f7 100644
--- a/src/pages/05_quotation/QuotationForm.vue
+++ b/src/pages/05_quotation/QuotationForm.vue
@@ -198,6 +198,7 @@ const selectedWorkerItem = computed(() => {
     })),
   ];
 });
+const workerList = ref<Employee[]>([]);
 const firstCodePayment = ref('');
 const selectedProductGroup = ref('');
 const selectedInstallmentNo = ref<number[]>([]);
@@ -1058,7 +1059,12 @@ watch(
   () => quotationFormData.value.customerBranchId,
   async (v) => {
     if (!v) return;
-    selectedWorker.value = [];
+
+    const retEmp = await customerStore.fetchBranchEmployee(v, {
+      passport: true,
+    });
+
+    if (retEmp) workerList.value = retEmp.data.result;
   },
 );
 
@@ -2525,8 +2531,8 @@ function covertToNode() {
 }
 
 :deep(
-  i.q-icon.mdi.mdi-chevron-down-circle.q-expansion-item__toggle-icon.q-expansion-item__toggle-icon--rotated
-) {
+    i.q-icon.mdi.mdi-chevron-down-circle.q-expansion-item__toggle-icon.q-expansion-item__toggle-icon--rotated
+  ) {
   color: var(--brand-1);
 }
 
@@ -2543,9 +2549,9 @@ function covertToNode() {
 }
 
 :deep(
-  .q-item.q-item-type.row.no-wrap.q-item--dense.q-item--clickable.q-link.cursor-pointer.q-focusable.q-hoverable.surface-1
-    .q-focus-helper
-) {
+    .q-item.q-item-type.row.no-wrap.q-item--dense.q-item--clickable.q-link.cursor-pointer.q-focusable.q-hoverable.surface-1
+      .q-focus-helper
+  ) {
   visibility: hidden;
 }
 
diff --git a/src/pages/08_request-list/MainPage.vue b/src/pages/08_request-list/MainPage.vue
index 64b339dc..7f98b870 100644
--- a/src/pages/08_request-list/MainPage.vue
+++ b/src/pages/08_request-list/MainPage.vue
@@ -143,7 +143,6 @@ async function openRequestListDialog() {
     page: 1,
     pageSize: 999,
     incomplete: true,
-    responsibleOnly: true,
   });
 
   if (ret) {
diff --git a/src/pages/08_request-list/RequestListAction .vue b/src/pages/08_request-list/RequestListAction .vue
index 09f62aa1..7ec34ff4 100644
--- a/src/pages/08_request-list/RequestListAction .vue	
+++ b/src/pages/08_request-list/RequestListAction .vue	
@@ -153,7 +153,6 @@ watch(
           @click="prev"
         />
         <MainButton
-          :disabled="selected.length === 0"
           icon="mdi-check"
           color="207 96% 32%"
           solid
@@ -165,7 +164,6 @@ watch(
         </MainButton>
         <SaveButton
           v-if="step === Step.Configure"
-          :disabled="form.responsibleUserId === ''"
           id="btn-save"
           solid
           @click="$emit('submit', { form, selected })"
diff --git a/src/pages/08_request-list/RequestListView.vue b/src/pages/08_request-list/RequestListView.vue
index ad7254fe..fc6e69c2 100644
--- a/src/pages/08_request-list/RequestListView.vue
+++ b/src/pages/08_request-list/RequestListView.vue
@@ -1005,21 +1005,7 @@ function toEmployee(employee: RequestData['employee']) {
         :label="$t('dialog.action.close')"
       />
       <MainButton
-        v-if="
-          productsList.some((v) => v._messengerExpansion) &&
-          !(
-            data.requestDataStatus === RequestDataStatus.Canceled ||
-            (responsibleList &&
-              !responsibleList[pageState.currentStep]?.user.find(
-                (v) => v.id === getUserId(),
-              ) &&
-              !responsibleList[pageState.currentStep]?.group.some((v) =>
-                currentUserGroup.includes(v),
-              )) ||
-            (!!responsibleList[pageState.currentStep]?.user?.length &&
-              !!responsibleList[pageState.currentStep]?.user?.length)
-          )
-        "
+        v-if="productsList.some((v) => v._messengerExpansion)"
         solid
         icon="mdi-account-outline"
         color="207 96% 32%"