Trying to add live editor

[lukasoppermann]

Changelog

New

Changed

Removed

Rollout strategy

• Patch release
• Minor release
• Major release; if selected, include a written rollout or migration plan
• None; if selected, include a brief description as to why
  Only changes storybook

Testing & Reviewing

Merge checklist

• Added/updated tests
• Added/updated documentation
• Added/updated previews (Storybook)
• Changes are SSR compatible
• Tested in Chrome
• Tested in Firefox
• Tested in Safari
• Tested in Edge
• (GitHub staff only) Integration tests pass at github/github (Learn more about how to run integration tests)

[changeset-bot]

⚠️ No Changeset found

Latest commit: ba0ea18

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[Copilot]

Pull Request Overview

This PR adds a live editor feature to Storybook stories using the storybook-addon-code-editor package. The change enables interactive code editing capabilities within Storybook, allowing users to modify component code in real-time.

Key changes:

• Integration of the storybook-addon-code-editor addon into the Storybook configuration
• Addition of a live editor example to the Avatar component story
• Installation of the required dependency package

Reviewed Changes

Copilot reviewed 3 out of 4 changed files in this pull request and generated 2 comments.

File	Description
packages/react/.storybook/main.ts	Configures Storybook to use the code editor addon and sets up static directories
packages/react/src/Avatar/Avatar.stories.tsx	Adds a live editor implementation to the Avatar component's Default story
package.json	Adds the storybook-addon-code-editor dependency

[github-actions]

👋 Hi, this pull request contains changes to the source code that github/github depends on. If you are GitHub staff, we recommend testing these changes with github/github using the integration workflow. Thanks!

[github-actions]

Uh oh! @lukasoppermann, at least one image you shared is missing helpful alt text. Check your pull request body to fix the following violations:

• Images should have meaningful alternative text (alt text) at line 1

Alt text is an invisible description that helps screen readers describe images to blind or low-vision users. If you are using markdown to display images, add your alt text inside the brackets of the markdown image.

Learn more about alt text at Basic writing and formatting syntax: images on GitHub Docs.

🤖 Beep boop! This comment was added automatically by github/accessibility-alt-text-bot.

[francinelucca]

@lukasoppermann removed review request as I expect things to change with the conflicts/CI failures. Feel free to re-request me once this is ready for review!