fix: form dialog space & layout

src/components/02_personnel-management/FormPerson.vue

@@ -22,10 +22,13 @@ defineProps<{
   readonly?: boolean;
   separator?: boolean;
   employee?: boolean;
+  title?: string;
 }>();
 </script>
 <template>
-  <div class="col-3 app-text-muted">• {{ $t('formDialogTitlePersonnel') }}</div>
+  <div class="col-3 app-text-muted">
+    • {{ title || $t('formDialogTitlePersonnel') }}
+  </div>
   <div class="col-9 row q-col-gutter-md">
     <q-input
       for="input-first-name"

src/components/02_personnel-management/InfoForm.vue

@@ -77,7 +77,7 @@ const tabsList = defineModel<{ name: string; label: string }[]>('tabsList');
                 dense
                 outlined
                 separator
-                employee
+                :employee="employee"
                 :readonly="readonly"
                 :disabledRule="disabledRule"
                 v-model:address="address"