feat: add stackblitz to components (#18433)

* feat: add stackblitz to components

* feat: add stackblitz to components

* feat: add stackblitz to components

* feat: add stackblitz to components

* docs: update mdx file to some components

* chore: refactor and enhance component examples

* refactor: standardize useState calls to React.useState

* docs: clean up MDX files by removing unnecessary Canvas

* docs: clean up MDX files by removing unnecessary Canvas

* fix(ComboButton): replace Copy icon with CopyFile in WithIcons

* fix(ContainedList): replace usePrefix with static prefix 'cds'

* docs: clean up MDX files by removing unnecessary Canvas

* fix: revert label to previous implementation to resolve CI error

* fix: fixed dismissible stackblitz link

* feat(Tile): add stackblitz to Tile clickable with custom icon component

---------

Co-authored-by: guidari <guilhermedatilio@gmail.com>
Co-authored-by: kennylam <909118+kennylam@users.noreply.github.com>

Author: 3 people

packages/react/src/components/AILabel/AILabel.mdx

@@ -1,6 +1,7 @@
 import { ArgTypes, Canvas, Story, Meta } from '@storybook/blocks';
 import { AILabel, AILabelContent, AILabelActions } from '.';
 import * as AILabelStories from './AILabel.stories';
+import { stackblitzPrefillConfig } from '../../../previewer/codePreviewer';
 
 <Meta isTemplate />
 
@@ -30,7 +31,15 @@ The AI Label is intended for any scenario where something is being generated by
 any interface level. This also enables more effective recognition and recall of
 AI instances in a way that is identifiable across any IBM product.
 
-<Canvas of={AILabelStories.Default} />
+<Canvas
+  of={AILabelStories.Default}
+  additionalActions={[
+    {
+      title: 'Open in Stackblitz',
+      onClick: () => stackblitzPrefillConfig(AILabelStories.Default),
+    },
+  ]}
+/>
 
 ## AILabel anatomy