feat(design): add toast component

[xelaint]

PR Checklist

Please check if your PR fulfills the following requirements:

• The commit message follows our guidelines: https://github.com/graycoreio/daffodil/blob/develop/CONTRIBUTING.md#commit
• Tests for the changes have been added (for bug fixes / features)
• Docs have been added / updated (for bug fixes / features)

PR Type

What kind of change does this PR introduce?

[ ] Bugfix
[x] Feature
[ ] Code style update (formatting, local variables)
[ ] Refactoring (no functional changes, no api changes)
[ ] Build related changes
[ ] CI related changes
[ ] Documentation content changes
[ ] Other... Please describe:

What is the current behavior?

The @daffodil/design package is missing a toast component that can be used to display time-sensitive notifications that are related to application level information.

Part of: #1948

What is the new behavior?

Toast component that is displayed at the top-level of the interface that is used to communicate time-sensitive notifications that are related to application level information.

TODO:

• Make duration work
• Implement CDK Overlay
• Type on button doesn't seem to be working in toast
• Support anchor links as actions
• Is there a way to change position strategy depending on screen size?
• Can we display the newly opened toast on top of the last one instead of after on the bottom?
• Can we support configurable positions? (DaffToastHorizontalPosition and DaffToastVerticalPosition)
• Documentation
• Tests

Does this PR introduce a breaking change?

[ ] Yes
[x] No

Other information

[xelaint]

• Type on button doesn't seem to be working in toast
  - [ ] Support anchor links as actions
• Is there a way to change position strategy depending on screen size?
• Can we display the newly opened toast on top of the last one instead of after on the bottom?
• Can we support configurable positions?
• Documentation
• When there are actions in the toast, there should be a role of alertdialog
• When there are two components that reference toasts, use the same toastservice.

[damienwebdev]

From a discussion between @xelaint and myself, we decide that the toast should not, by default, hand down "status" to its child buttons.

[xelaint]

• How to set dismissible? (close button is shown when dismissible is set to true)
• HostListener for keydown escape doesn't work. I think we need to implement focus trapping, specifically only if it's dismissible

[xelaint]

• Implement a focus stack between modal-like elements, only if there are actions. (DaffFocusStackService)
• Change toasts so that they render when the last one is either cleared or duration-removed, not clearing immediately. The filter is in the render layer, not the data layer.
• Implement focus trap on toasts with actions.
• Implement dismissible on toasts via data/configuration

[xelaint]

@damienwebdev Need you to review the updates I made to the size property within DaffToastAction, and add tests.