refactor(FE-208): update approval buttons in PurchaseOrderDetail to include Manager Approval

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

@@ -528,16 +528,6 @@ const PurchaseOrderDetail = ({
     <section className='w-full'>
       {/* Approval Action Buttons */}
       <div className='flex flex-wrap gap-3 my-6'>
-        <Button
-          onClick={() => confirmationModalWithNotes.openModal()}
-          variant='outline'
-          color='warning'
-          className='w-full sm:w-fit'
-        >
-          <Icon icon='mdi:note-edit-outline' width={20} height={20} />
-          Approve
-        </Button>
-
         <Button
           onClick={() => staffApprovalModal.openModal()}
           variant='outline'
@@ -548,6 +538,16 @@ const PurchaseOrderDetail = ({
           Staff Approval
         </Button>
 
+        <Button
+          onClick={() => confirmationModalWithNotes.openModal()}
+          variant='outline'
+          color='warning'
+          className='w-full sm:w-fit'
+        >
+          <Icon icon='mdi:note-edit-outline' width={20} height={20} />
+          Manager Approval
+        </Button>
+
         <Button
           onClick={() => acceptApprovalModal.openModal()}
           variant='outline'