refactor(FE-208): enhance PurchaseOrderDetail layout with section header for goods receipt information

src/components/pages/purchase/order/PurchaseOrderDetail.tsx

@@ -775,7 +775,12 @@ const PurchaseOrderDetail = ({
           wrapper: 'w-full mt-8',
         }}
       >
-        <div className='rounded-lg border border-gray-200 overflow-hidden mt-8'>
+        {/* Detail Penerimaan Barang Section */}
+        <div className='my-8'>
+          <h3 className='text-lg font-semibold text-gray-800 mb-4 pb-2 border-b border-gray-200'>
+            Informasi Penerimaan Barang
+          </h3>
+          <div className='rounded-lg border border-gray-200 overflow-hidden'>
             <div className='overflow-x-auto'>
               <Table<PurchaseItem>
                 data={goodsReceiptItems}
@@ -797,6 +802,7 @@ const PurchaseOrderDetail = ({
               />
             </div>
           </div>
+        </div>
       </Card>
 
       {/* Confirmation Modal with Notes */}