refactor: add messenger by area

src/components/04_flow-management/FormFlow.vue

@@ -28,7 +28,6 @@ defineProps<{
 const { t } = useI18n();
 const userStore = useUserStore();
 const optionStore = useOptionStore();
-const modelByArea = ref<boolean>(false);
 
 const userInTable = defineModel<WorkflowUserInTable[]>('userInTable', {
   default: [],
@@ -631,16 +630,16 @@ onMounted(async () => {
                         </q-item>
 
                         <span class="text-caption app-text-muted-2 q-px-md">
-                          {{ $t('general.area') }}
+                          {{ $t('personnel.MESSENGER') }}
                         </span>
                         <q-item
                           clickable
-                          @click="modelByArea = !modelByArea"
+                          @click="step.messengerByArea = !step.messengerByArea"
                           class="column"
                         >
                           <div class="row items-center">
                             <q-checkbox
-                              v-model="modelByArea"
+                              v-model="step.messengerByArea"
                               size="xs"
                             ></q-checkbox>
                             <div class="column q-pl-md">

src/pages/04_flow-managment/FlowDialog.vue

@@ -315,6 +315,7 @@ function triggerPropertiesDialog(step: WorkFlowPayloadStep) {
               v-model:user-in-table="userInTable"
               v-model:flow-data="flowData"
               v-model:register-branch-id="registerBranchId"
+              v-model:messenger-by-area="messengerByArea"
               @change-status="$emit('changeStatus')"
               @trigger-properties="triggerPropertiesDialog"
             />

src/pages/04_flow-managment/MainPage.vue

@@ -230,6 +230,7 @@ function assignFormData(workflowData: WorkflowTemplate) {
           id: s.id,
           name: s.name,
           detail: s.detail,
+          messengerByArea: s.messengerByArea || false,
           value: s.value.length > 0 ? JSON.parse(JSON.stringify(s.value)) : [],
           responsiblePersonId: s.responsiblePerson.map((p) => p.userId),
           responsibleInstitution: JSON.parse(