The Canvas block does not handle free source code anymore, now we need to put it in a dedicated Story.
Some docs were using design tokens and classes that were not theme compliant, rendering ugly colors when switching to dark, it needed to be aligned. Also update some code example to match the new format.
Previously we were using .stories.mdx extension for docs but now .mdx is the most recommend extension according to official Storybook 7 documentation.