use react-redux hooks in Toast component

[lindapaiste]

Related to issues #1458 & #2042

Changes:

• Refactor the Toast component to use react-redux hooks instead of the connect HOC, in line with Redux best practices.
• Handle the isVisible check inside of the Toast component itself instead of in the parent. This means that we only need one if instead of three, and the parents no longer need to access any toast state from the store.

I have verified that this pull request:

• [x] has no linting errors (npm run lint)
• [x] has no test errors (npm run test)
• [x] is from a uniquely-named feature branch and is up to date with the develop branch.
• [x] is descriptively named and links to an issue number, i.e. Fixes #123

[welcome[bot]]

🎉 Thanks for opening this pull request! Please check out our contributing guidelines if you haven't already.

[release-com[bot]]

Release Environments

This pull request environment is provided by Release, learn more! To see the status of the environment click on Environment Status below.

• p5.js-web-editor

:wrench:Environment Status : https://app.releasehub.com/public/Processing%20Foundation/env-67f58d76b5