refactor: update role task order can edit

src/pages/09_task-order/MainPage.vue

@@ -5,6 +5,7 @@ import { storeToRefs } from 'pinia';
 import { useQuasar } from 'quasar';
 import { useI18n } from 'vue-i18n';
 import { useRoute } from 'vue-router';
+import { canAccess } from 'src/stores/utils';
 
 // NOTE:  Components
 import StatCardComponent from 'src/components/StatCardComponent.vue';
@@ -172,6 +173,7 @@ watch(
 </script>
 <template>
   <FloatingActionButton
+    v-if="canAccess('related', 'edit')"
     style="z-index: 999"
     :hide-icon="!pageState.isMessenger"
     @click.stop="

src/pages/09_task-order/TableTaskOrder.vue

@@ -2,6 +2,8 @@
 import { ref } from 'vue';
 import { QTableProps, QTableSlots } from 'quasar';
 
+import { canAccess } from 'src/stores/utils';
+
 import QuotationCard from 'src/components/05_quotation/QuotationCard.vue';
 import BadgeComponent from 'src/components/BadgeComponent.vue';
 import KebabAction from 'src/components/shared/KebabAction.vue';
@@ -214,7 +216,9 @@ const emit = defineEmits<{
           />
           <KebabAction
             v-if="
-              !receive && props.row.taskOrderStatus === TaskOrderStatus.Pending
+              canAccess('related', 'edit') &&
+              !receive &&
+              props.row.taskOrderStatus === TaskOrderStatus.Pending
             "
             :idName="`btn-kebab-${props.row.taskName}`"
             status="'ACTIVE'"