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,22 +656,22 @@ const PurchaseOrderStaffApprovalForm = ({
         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 Item Pembelian'
               : 'Edit Item Pembelian'}
           </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'>
             {groupedPurchaseItems.length > 0 ? (
               <div>