fix: [M3-8342] - Toast Notifications for Images

[bnussman-akamai]

Description 📝

• Removes some unnecessary styles for our Toast implementation 🗑️
• Fixes flaw with useToastNotifications that caused toasts to show up with no message 🔧
• Improves how content wraps inside of toast notifications 🎨
• Adds a maxWidth to Toast Notifications on larger screens so that they don't take up the full width of the screen
  • See the WithLongMessage Storybook story 📖

Preview 📷

Before	After
before-cancel-upload-toast.mov	after-cancel-upload-toast.mov
before-capture-error-toast.mov	after-capture-error-toast.mov

How to test 🧪

• Use yarn storybook and verify that all Toast variants look correct in both light 🌞 and dark mode 🌚
• Test canceling an uploaded image that is the "processing" state ⛔️
• Test the error toast that shows when an Image fails to capture from a Linode 👀
  • I'm currently able to reproduce this in dev when trying to capture an image from a powered on Alpine Linux Linode, but your milage may vary

As an Author I have considered 🤔

• 👀 Doing a self review
• ❔ Our contribution guidelines
• 🤏 Splitting feature into small PRs
• ➕ Adding a changeset
• 🧪 Providing/Improving test coverage
• 🔐 Removing all sensitive information from the code and PR description
• 🚩 Using a feature flag to protect the release
• 👣 Providing comprehensive reproduction steps
• 📑 Providing or updating our documentation
• 🕛 Scheduling a pair reviewing session
• 📱 Providing mobile support
• ♿ Providing accessibility support

[bnussman-akamai]

Just added if statements to ensure we only call enqueueSnackbar if the message is defined

[bnussman-akamai]

The Snackbar container defaults to flexWrap: 'wrap'. We don't want the close button to wrap, so I added this to disable flex wrap.

[github-actions]

Coverage Report: ✅
Base Coverage: 82.31%
Current Coverage: 82.34%

[jaalah-akamai]

Thanks - looks good and the wrapping issue is now fixed ✅

[hana-linode]

Changes LGTM

Semi-related, is it expected that the toast background in light mode now matches the variant instead of being white? (Personally, I am not a fan of the colored background)

Screen.Recording.2024-07-10.at.1.57.28.PM.mov

[jaalah-akamai]

Semi-related, is it expected that the toast background in light mode now matches the variant instead of being white? (Personally, I am not a fan of the colored background)

Yea it's part of CDS 2.0