docs(apps): create new CodeBlock

[Barsnes]

resolves #3028

With the new CodeBlock, we write actual markdown in our mdx files, instead of having to import the component and make sure we send children as a string with {...}.

It also works in a pure TSX file, since then you can import the component and use is as normal.

[changeset-bot]

⚠️ No Changeset found

Latest commit: a18ddd9

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

[github-actions]

Preview deployments for this pull request:

Storybook - 6. Mar 2025 - 13:55

Storefront - 6. Mar 2025 - 13:56

Theme - 6. Mar 2025 - 13:56

[github-actions]

Coverage Report

Status	Category	Percentage	Covered / Total
🔵	Lines	48.55%	3250 / 6694
🔵	Statements	48.55%	3250 / 6694
🔵	Functions	82.69%	215 / 260
🔵	Branches	77.6%	558 / 719

File Coverage

No changed files found.

Generated in workflow #2400 for commit a18ddd9 by the Vitest Coverage Report Action

[mimarz]

❤️

[mimarz]

Is there any way to get syntax highlighting back for the snippet in theme-builder? Is there any way to add a language for this?

new:

old (also the same way its colored in my terminal):

[Barsnes]

Is there any way to get syntax highlighting back for the snippet in theme-builder? Is there any way to add a language for this?

new:

old (also the same way its colored in my terminal):

The new highlighting is how it looks in my terminal 😅
As I wrote in the discussion above, we can add more languages to this later.
I can have a look at this now, but that will delay the imlementation of this by quite a bit