Replace custom toast component

[daniellemaxwell]

Scope of changes

Fix the following error, Error: Objects are not valid as a React child , by replacing a custom toast component with the Chakra UI toast component.

The changes also ensure the Add Collaborator modal completely closes after a user experiences an error and displays the error message provided from the BE. Error messaging was updated in the Edit Collaborator form as well to resolve an error caused by updating the axiosInstance to return error responses.

Type of change

• [x] bug fix
• [ ] new feature
• [ ] documentation
• [ ] other (describe)

Acceptance criteria

Note: The inspector was open while recording the video below to confirm that the error messages didn't appear in the console. This is why the modal may appear to not fit the screen.

https://www.awesomescreenshot.com/video/24167192?key=96d5767d73b78c0b8adda5a190d63267

Author checklist

• [x] I have manually tested the change and/or added automation in the form of unit tests or integration tests
• [ ] I have updated the dependencies list
• [ ] I have recompiled and included new protocol buffers to reflect changes I made
• [ ] I have added new test fixtures as needed to support added tests
• [ ] Check this box if a reviewer can merge this pull request after approval (leave it unchecked if you want to do it yourself)
• [x] I have moved the associated Shortcut story to "Ready for Review"

Reviewer(s) checklist

• [ ] Any new user-facing content that has been added for this PR has been QA'ed to ensure correct grammar, spelling, and understandability.