refactor(FE): Move purchase order error alert below heading

src/components/pages/purchase/form/order/PurchaseOrderAcceptApprovalForm.tsx

@@ -352,19 +352,22 @@ const PurchaseOrderAcceptApprovalForm = ({
       onSubmit={formik.handleSubmit}
       className='w-full flex flex-col gap-6'
     >
-      {purchaseOrderFormErrorMessage && (
-        <div role='alert' className='alert alert-error'>
-          <Icon icon='material-symbols:error-outline' width={24} height={24} />
-          <span>{purchaseOrderFormErrorMessage}</span>
-        </div>
-      )}
       <div className='w-full'>
         <h2 className='text-lg font-semibold mb-4'>
           {type === 'add'
             ? 'Konfirmasi Penerimaan Produk'
             : 'Edit Penerimaan Produk'}
         </h2>
-
+        {purchaseOrderFormErrorMessage && (
+          <div role='alert' className='alert alert-error'>
+            <Icon
+              icon='material-symbols:error-outline'
+              width={24}
+              height={24}
+            />
+            <span>{purchaseOrderFormErrorMessage}</span>
+          </div>
+        )}
         <div className='overflow-x-auto'>
           <table className='table'>
             <thead>

src/components/pages/purchase/form/order/PurchaseOrderStaffApprovalForm.tsx

@@ -656,6 +656,12 @@ const PurchaseOrderStaffApprovalForm = ({
         onSubmit={formik.handleSubmit}
         className='w-full flex flex-col gap-6'
       >
+        <div className='w-full'>
+          <h2 className='text-lg font-semibold mb-4'>
+            {type === 'add'
+              ? 'Konfirmasi Item Pembelian'
+              : 'Edit Item Pembelian'}
+          </h2>
           {purchaseOrderFormErrorMessage && (
             <div role='alert' className='alert alert-error'>
               <Icon
@@ -666,12 +672,6 @@ const PurchaseOrderStaffApprovalForm = ({
               <span>{purchaseOrderFormErrorMessage}</span>
             </div>
           )}
-        <div className='w-full'>
-          <h2 className='text-lg font-semibold mb-4'>
-            {type === 'add'
-              ? 'Konfirmasi Item Pembelian'
-              : 'Edit Item Pembelian'}
-          </h2>
           <div className='overflow-x-auto'>
             {groupedPurchaseItems.length > 0 ? (
               <div>