Add agreements component and use it on the coaching sessions page

[jhodapp]

Description

This PR adds a new component that manages listing, adding, editing and deleting agreements and uses it in the coaching sessions page.

NOTE To try out this PR, you also need this backend PR (if it hasn't been approved and merged yet).

GitHub Issue: None

Changes

• Adds a new Next.js component that can list, add, edit and delete agreements
• Use this component on the coaching sessions page

Screenshots / Videos Showing UI Changes:

Testing Strategy

1. Log in and navigate to a coaching session
2. Expand the overarching goal bar to reveal the agreements tab
3. Add a new agreement
4. Navigate away from this coaching session and return to it
5. Notice that the agreement added is listed
6. Notice that you can also add a session by clicking the "Save" button or by pressing on the keyboard
7. Click on the "..." menu of the agreement and click "Edit"
8. Change the agreement body
9. Navigate away from this coaching session and return to it
10. Notice that the updated agreement is listed
11. Notice that you can also update a session by clicking the "Save" button or by pressing on the keyboard
12. From the "..." menu, click "Delete" and notice that the agreement is gone from the list
13. Navigate away from this coaching session and return to it
14. Notice that the agreement is not listed
15. Add several new agreements
16. Try sorting the agreements by clicking on each column heading

Concerns

None

[qafui]

Nice work! We're making decent progress :)