Make snackbar message readable

[merapi]

Summary

We want to snapshot components in isolation, testing Percy for Storybook for this job.

Relevant Technical Choices

To-do

User-facing changes

Testing Instructions

---

Fixes #4114

[github-actions]

Size Change: +5.91 kB (0%)

Total Size: 1.16 MB

Filename	Size	Change
assets/js/edit-story.js	488 kB	+4.15 kB (0%)
assets/js/stories-dashboard.js	513 kB	+1.83 kB (0%)

ℹ️ View Unchanged

Filename	Size	Change
assets/css/edit-story.css	268 B	0 B
assets/css/stories-dashboard.css	305 B	0 B
assets/css/web-stories-embed-block.css	515 B	0 B
assets/js/chunk-web-stories-template-0-********************.js	10.2 kB	0 B
assets/js/chunk-web-stories-template-1-********************.js	10.3 kB	0 B
assets/js/chunk-web-stories-template-2-********************.js	10 kB	0 B
assets/js/chunk-web-stories-template-3-********************.js	10.5 kB	0 B
assets/js/chunk-web-stories-template-4-********************.js	10.6 kB	0 B
assets/js/chunk-web-stories-template-5-********************.js	6.86 kB	-70 B (1%)
assets/js/chunk-web-stories-template-6-********************.js	9.91 kB	0 B
assets/js/chunk-web-stories-template-7-********************.js	9.78 kB	0 B
assets/js/web-stories-activation-notice.js	63.6 kB	0 B
assets/js/web-stories-embed-block.js	16.9 kB	0 B

_{compressed-size-action}

[codecov]

Codecov Report

Merging #4145 into main will increase coverage by 12.66%.
The diff coverage is 0.00%.

@@             Coverage Diff             @@
##             main    #4145       +/-   ##
===========================================
+ Coverage   69.87%   82.53%   +12.66%     
===========================================
  Files         792      817       +25     
  Lines       13936    14271      +335     
===========================================
+ Hits         9738    11779     +2041     
+ Misses       4198     2492     -1706     

Flag	Coverage Δ
#karmatests	70.19% <0.00%> (+41.13%)	⬆️
#unittests	65.42% <0.00%> (-0.41%)	⬇️

Flags with carried forward coverage won't be shown. Click here to find out more.

Impacted Files	Coverage Δ
assets/src/edit-story/app/snackbar/snackbar.js	45.00% <0.00%> (ø)
...-story/app/story/useStoryReducer/reducers/utils.js	69.69% <0.00%> (-30.31%)	⬇️
...ts/src/dashboard/app/views/editorSettings/index.js	71.87% <0.00%> (-28.13%)	⬇️
assets/src/animation/parts/index.js	35.29% <0.00%> (-14.71%)	⬇️
assets/src/dashboard/app/api/useSettingsApi.js	70.83% <0.00%> (-10.42%)	⬇️
...p/story/useStoryReducer/reducers/deleteElements.js	96.42% <0.00%> (-3.58%)	⬇️
assets/src/edit-story/elements/media/edit.js	28.57% <0.00%> (-3.43%)	⬇️
assets/src/dashboard/app/views/toaster/index.js	75.00% <0.00%> (-1.93%)	⬇️
includes/Dashboard.php	20.53% <0.00%> (-0.19%)	⬇️
assets/src/edit-story/types.js	100.00% <0.00%> (ø)
... and 210 more

[merapi]

https://percy.io/google/web-stories-wp-storybook

Looks good, I'm just thinking about cropping the whitespace (more effort) or using smaller viewport.

[swissspidy]

Mostly looks good, yes, but it also helps catch lots of places where the stories are broken or not really good for a screenshot (wrong background, needs interaction, etc)

Left a bunch of comments on Percy. Maybe something to address beforehand / in this PR?

[merapi]

As discussed today, we will get back to testing (Storybook+Percy) after the stable release. #4195