DONE: fix naming, add transaction for completion of membership application (#12)

Co-authored-by: ISMAIL MASSERAN <topaz@ISMAILs-Macbook.local>
Reviewed-on: #12

fe/src/modules/membership-application/pages/MembershipApplication.vue

@@ -30,6 +30,7 @@ import type {
   MembershipApplicationReferenceForm,
 } from '../types/membership-application.types'
 import illustrationUrl from '@/assets/images/logo.svg'
+import { EMPLOYERS } from '@/constants/employers'
 
 const MAX_FILE_SIZE_MB = 10
 const MAX_FILE_SIZE_BYTES = MAX_FILE_SIZE_MB * 1024 * 1024
@@ -78,26 +79,6 @@ const RELATIONSHIP_OPTIONS: SelectOption[] = [
   { label: 'Lain-lain', value: 'Lain-lain' },
 ]
 
-// TODO: replace with API lookup
-const EMPLOYERS = [
-  {
-    name: 'Infra Quest Sdn. Bhd. (IQSB)',
-    address: 'Lot 1045, Jalan Dato’ Lundang, 15200 Kota Bharu, Kelantan',
-  },
-  {
-    name: 'Permodalan Kelantan Berhad (PKB)',
-    address: 'Permodalan Kelantan Berhad, Tingkat 4, Wisma Permodalan Kelantan Berhad, Jalan Maju, 15000 Kota Bharu Kelantan',
-  },
-  {
-    name: 'Koperasi Permodalan Kelantan Berhad (KOPKB)',
-    address: 'Lot Pt 448, Tingkat 1,Jalan Kuala Krai, Batu 3, Wakaf Che Yeh, 15150 Kota Bharu, Kelantan.',
-  },
-  {
-    name: "An-Nisa'",
-    address: 'Jln Sultan Ibrahim, Bandar Kota Bharu, 15050 Kota Bharu, Kelantan.',
-  },
-] as const
-
 const EMPLOYER_OPTIONS: SelectOption[] = EMPLOYERS.map((employer) => ({
   label: employer.name,
   value: employer.name,
@@ -319,7 +300,7 @@ const stepTitle = computed(() => {
     case 1:
       return 'Maklumat Peribadi'
     case 2:
-      return 'Hubungan & Alamat'
+      return 'Hubungan & Alamat Rumah Semasa'
     case 3:
       return 'Maklumat Pekerjaan & Caruman'
     case 4:
@@ -940,7 +921,7 @@ function stepLabelClass(stepId: number) {
                 <Input id="employer_letter" type="file" accept=".pdf,.jpg,.jpeg,.png"
                   @change="handleFileChange('employer_letter', $event)" />
                 <FieldError v-if="fieldErrors['documents.employer_letter']">{{ fieldErrors['documents.employer_letter']
-                  }}</FieldError>
+                }}</FieldError>
               </Field>
 
               <div class="col-span-12 mt-2 rounded-lg border border-foreground/10 bg-foreground/5 p-4">