refactor(FE-208,212): update terminology in PurchaseOrder forms for consistency and clarity

src/components/pages/purchase/form/request/PurchaseRequisitionsForm.tsx

@@ -486,9 +486,9 @@ const PurchaseRequisitionsForm = ({
             Kembali
           </Button>
           <h1 className='text-2xl font-bold text-center'>
-            {type === 'add' && 'Tambah Purchase Request'}
-            {type === 'edit' && 'Edit Purchase Request'}
-            {type === 'detail' && 'Detail Purchase Request'}
+            {type === 'add' && 'Tambah Purchase Requisitions'}
+            {type === 'edit' && 'Edit Purchase Requisitions'}
+            {type === 'detail' && 'Detail Purchase Requisitions'}
           </h1>
         </header>
         <form
@@ -546,6 +546,7 @@ const PurchaseRequisitionsForm = ({
               {/*/>*/}
 
               <SelectInput
+                required
                 label='Area'
                 placeholder='Pilih Area...'
                 value={formik.values.area}
@@ -560,6 +561,7 @@ const PurchaseRequisitionsForm = ({
               />
 
               <SelectInput
+                required
                 label='Lokasi'
                 placeholder={
                   !formik.values.area_id
@@ -581,6 +583,7 @@ const PurchaseRequisitionsForm = ({
               />
 
               <SelectInput
+                required
                 label='Gudang'
                 placeholder={
                   !formik.values.area_id
@@ -673,7 +676,9 @@ const PurchaseRequisitionsForm = ({
                               selectedPurchaseItems.length &&
                             formik.values.items?.length > 0
                           }
-                          onChange={(e: React.ChangeEvent<HTMLInputElement>) => {
+                          onChange={(
+                            e: React.ChangeEvent<HTMLInputElement>
+                          ) => {
                             if (e.target.checked) {
                               setSelectedPurchaseItems(
                                 formik.values.items?.map((_, idx) => idx) ?? []
@@ -710,7 +715,9 @@ const PurchaseRequisitionsForm = ({
                           <CheckboxInput
                             name={`purchase-item-${idx}`}
                             checked={selectedPurchaseItems.includes(idx)}
-                            onChange={(e: React.ChangeEvent<HTMLInputElement>) => {
+                            onChange={(
+                              e: React.ChangeEvent<HTMLInputElement>
+                            ) => {
                               if (e.target.checked) {
                                 setSelectedPurchaseItems([
                                   ...selectedPurchaseItems,