Reconfigure the PO remove button and add confirmation modal

Purpose: PO has a "Remove" button that is in an odd place and deletes the entire PO without any confirmation. We need to move the button, change it to delete, and add a confirmation modal

As a staff person placing orders
I want to be able to delete orders when appropriate, but first have a confirmation
So that I don't accidentally delete orders that I didn't mean to

Scenarios

1. Scenario 1
   • Given the PO edit screen with its "Remove" button at the bottom right
   • Remove the "Remove" button
   • And replace it with a caret next to the PO number in the PO view, with the following options
     • Delete, preceded by the trashcan icon
     • Edit, preceded by the edit pencil icon
2. Scenario 2
   • Given the PO caret's "Edit" option
   • When a user clicks it
   • Then open the PO edit screen
   • And take the same actions as when the user clicks the edit pencil at the top right of the PO view
3. Scenario 3
   • Given the PO caret's "Delete" option
   • When the user clicks it
   • Then a confirmation modal should appear, formatted as shown in 07-Settings Delete file extension modal.png
     • Except with the following text:
     • Header: Delete [PO number]?
     • Body: Delete purchase order?
     • Standard Cancel/Delete buttons, with Delete defaulted
4. Scenario 4
   • Given the delete confirmation modal
   • When a user clicks Cancel
   • Then close the delete confirmation modal without deleting the PO
5. Scenario 5
   • Given the delete confirmation modal
   • When a user clicks Delete
   • Then delete the PO
   • Remove the PO from the list of POs
   • And return the user to the list of POs, without the one that was just deleted
   • And display a standard green success toast, similar to the attached, with the wording: The purchase order [PO number] was successfully deleted
6. Scenario 6
   • Ensure automated testing coverage for this new code is 80% plus and confirm with screenshot

See attached wireframes