ADD default backgrounds to official example

[ndelangen]

Issue:

• the backgrounds addon is not usable in official example
• the preview is not scrollable
• image capture from storyshots-puppeteer don't match
• all chromatic images have backgrounds changed

What I did

ADD a background list for all stories in the official example
CHANGE createGlobal back to createReset, move the no scroll properties to createGlobal

[codecov]

Codecov Report

Merging #5585 into next will decrease coverage by <.01%.
The diff coverage is n/a.

@@            Coverage Diff             @@
##             next    #5585      +/-   ##
==========================================
- Coverage   33.21%   33.21%   -0.01%     
==========================================
  Files         647      647              
  Lines        9314     9313       -1     
  Branches     1349     1349              
==========================================
- Hits         3094     3093       -1     
  Misses       5605     5605              
  Partials      615      615

Impacted Files	Coverage Δ
lib/ui/src/components/panel/panel.stories.js	100% <ø> (ø)	⬆️
lib/theming/src/global.ts	0% <ø> (ø)	⬆️

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 2c6d6ba...dfad77b. Read the comment docs.