fix(03): namePrefix & fallback customer img

src/pages/03_customer-management/components/employer/EmployerFormBasicInfo.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { ref, watch } from 'vue';
+import { ref, watch, capitalize } from 'vue';
 import { QSelect } from 'quasar';
 import { selectFilterOptionRefMod } from 'stores/utils';
 import { getRole } from 'src/services/keycloak';
@@ -311,13 +311,15 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
         dense
         outlined
         :disable="!readonly"
-        :readonly="readonly"
+        readonly
         hide-bottom-space
         class="col-12 col-md-2"
         :label="$t('customer.form.prefixName')"
         for="input-prefix-name"
         :model-value="
-          namePrefix ? $t(`customer.form.prefix.${namePrefix}`) : '-'
+          readonly
+            ? capitalize(namePrefix || '') || '-'
+            : capitalize(namePrefix || '')
         "
       />