feat: Added open in Stackblitz to stories

[guidari]

Closes #18257

This PR adds the option to open a story in Stackblitz. That was not added to all stories, because a few stories do not have any Canvas to add this option or maybe it wasn't necessary. But we can improve our storybook docs along the way.

Changelog

New

• Added the additionalActions to Canvas called "Open in Stackblitz"

Testing / Reviewing

• CI should pass
• Stories should work as expected
• Try to open a few stories on Stackblitz

[netlify]

✅ Deploy Preview for v11-carbon-web-components ready!

Name	Link
🔨 Latest commit	a1d1220
🔍 Latest deploy log	https://app.netlify.com/sites/v11-carbon-web-components/deploys/677ee25c5cf2fa00081bb164
😎 Deploy Preview	https://deploy-preview-18309--v11-carbon-web-components.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[netlify]

✅ Deploy Preview for carbon-elements ready!

Name	Link
🔨 Latest commit	a1d1220
🔍 Latest deploy log	https://app.netlify.com/sites/carbon-elements/deploys/677ee25ca67c430008e8f6d6
😎 Deploy Preview	https://deploy-preview-18309--carbon-elements.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[netlify]

✅ Deploy Preview for v11-carbon-react ready!

Built without sensitive environment variables

Name	Link
🔨 Latest commit	a1d1220
🔍 Latest deploy log	https://app.netlify.com/sites/v11-carbon-react/deploys/677ee25c7d6e1a0008e72b17
😎 Deploy Preview	https://deploy-preview-18309--v11-carbon-react.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 84.17%. Comparing base (96b5a47) to head (d5fee4f).
Report is 16 commits behind head on main.

Additional details and impacted files

@@            Coverage Diff             @@
##             main   #18309      +/-   ##
==========================================
+ Coverage   84.15%   84.17%   +0.01%     
==========================================
  Files         406      408       +2     
  Lines       14407    14435      +28     
  Branches     4686     4640      -46     
==========================================
+ Hits        12124    12150      +26     
- Misses       2119     2121       +2     
  Partials      164      164              

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[alisonjoseph]

This looks great and is going to be so useful! 🥳 Seems like there are a handful of components not included that do have the Canvas component on their overview page, was there a reason they were excluded from this? (AILabel, AspectRatio, Grid...)

[ariellalgilmore]

so awesome!! seeing this on a few of the data-table overview pages though

[guidari]

@alisonjoseph

This looks great and is going to be so useful! 🥳 Seems like there are a handful of components not included that do have the Canvas component on their overview page, was there a reason they were excluded from this? (AILabel, AspectRatio, Grid...)

• A couple stories depend on CSS or external files apart from the .story.js.
• AspectRatio I just forgot to comeback and fixed
• Grid and FlexGrid is another example that is missing CSS as well. But I added the Open in Stackblitz option and linked the CSS that the user would need to use to see the example. We can also remove the option from them if we want or add to AILabel and other stories that need CSS, I would like an second opinion on this topic, to know what is best to do.

Example from AILabel. It looks weird 😅

@ariellalgilmore

so awesome!! seeing this on a few of the data-table overview pages though

Good catch! i rollback this one. I didn't look in depth on this one, but here it is an explanation on what is happening in Datatable and Notification stories.

If guys see something that might be missing, let me know.