feat: implement cancel button for pending assignment

[katrinan029]

Description

Implement a button to cancel multiple pending assignments (bulk action) and a single pending assignment. When the cancellation is successful, the learner will receive an email notifying them that the course invitation has been rescinded, the admin user will see a toast, and the row removed from the datatable. On failure, the status row displays a "Failed: Cancelation" chip.

UI changes for a single pending assignment

Screen.Recording.2023-11-20.at.9.22.26.PM.mov

UI changes for multiple pending assignments

Screen.Recording.2023-11-20.at.9.25.41.PM.mov

JIRA Ticket

For all changes

• Ensure adequate tests are in place (or reviewed existing tests cover changes)

Only if submitting a visual change

• Ensure to attach screenshots
• Ensure to have UX team confirm screenshots

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Comparison is base (2e8f8b8) 85.02% compared to head (83cb5a0) 85.12%.

Additional details and impacted files

@@            Coverage Diff             @@
##           master    #1099      +/-   ##
==========================================
+ Coverage   85.02%   85.12%   +0.09%     
==========================================
  Files         477      482       +5     
  Lines       10093    10154      +61     
  Branches     2127     2133       +6     
==========================================
+ Hits         8582     8644      +62     
+ Misses       1470     1469       -1     
  Partials       41       41              

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[adamstankiewicz]

This looks great! Mostly fairly minor feedback and recommendations for some added test coverage in a couple areas.

[adamstankiewicz]

It looks like the Toast may be appearing while the async cancel API call is still resolving, regardless of success or error. Does the cancelContentAssignments need to be awaited?

toast_immediate_not_after_success.mov