LCFS - Delete a draft transfer

Description: The ability to delete a draft transfer:

When viewing a draft transfer
There is a Delete Draft button
Clicking on the button brings up a confirmation modal window
Clicking on the Cancel button within the modal window takes the user back to the draft transfer
Clicking on the Delete Draft button deletes the draft (i.e., hides it in the UI) and takes the user back to the Transactions page; the transfer is no longer visible in the Transactions table
A success alert should appear (alert from Material UI: https://mui.com/material-ui/react-alert/
Users must have the Transfers role to delete draft transfers
Once draft is deleted it should change it status in delete in DB and shouldn't display on UI.

Wireframe: https://preview.uxpin.com/59145260c7d8cc48969ac79401cc03d84843c3d9#/pages/164927056/simulate/no-panels

Screenshot of confirmation modal window: Image

Purpose and benefit to user: Users can delete draft transfers if they no longer wish to execute the transfer

Acceptance Criteria:

Development Checklist:

[x] A Create delete draft button when on edit transfer page
[x] B Make sure user who has transfer role are able to delete the transfer
[x] C Make sure to change the status to delete in DB and not completely delete the entry in db. On UI, we should display the transfer whose status is not deleted.

Notes:

bcgov / lcfs