Call API with add and remove buttons, refine loading and error strategies (#181, 191)

[ssciolla]

This PR aims to resolve #181 and #191.

More details

• Separated API calling logic into an api module.
• Added js-cookie and process for adding a CSRF token to headers.
• Adopted react-query for handling asynchronous-related state (useQuery, useMutation).
• Improved loading UI appearance and accessibility (#181).
• Added API error handling and display (ErrorsDisplay).
• Display dismiss-able alert about refreshing the page when navigation changes are first made.
• Added eslint plugin for react-hooks.

Resources

• https://github.com/TanStack/query
• https://docs.djangoproject.com/en/4.0/ref/csrf/#ajax
• https://reactjs.org/docs/hooks-rules.html
• https://mui.com/material-ui/getting-started/overview/

[ssciolla]

FYI, I fixed a styling-related issue, resulting in some extra empty space on the tool cards. Should be resolved now. See https://github.com/tl-its-umich-edu/canvas-app-explorer/pull/196/commits/b82eab28028207d64047e6929bd30fcaa0e5c24c

[zqian]

Not sure where the 'extra empty space' was. b82eab2 looks good to me.