[examples] Add shortcut to open example in online IDE

[oliviertassinari]

I wanted to reproduce a bug, but couldn't without these links. There are probably more examples with whom these online IDE would work but I don't have the time to check them all.

(StackBlitz is first because it loads faster).

[mui-bot]

Netlify deploy preview

• docs/data/styles/basics/basics-pt.md
• docs/data/styles/basics/basics.md

Bundle size report

No bundle size changes (Toolpad)
No bundle size changes

Generated by 🚫 dangerJS against 399e70d

[mapache-salvaje]

I haven't checked all of the links, but the Joy UI + Next.js in TS example appears to be broken on Stackblitz:

./src/components/ThemeRegistry/theme.js
NonErrorEmittedError: (Emitted value instead of an instance of Error) 
  ! Plugin is not supported with current @swc/core. Plugin transform will be skipped.

  x Font loaders must be called and assigned to a const in the module scope
   ,-[/home/projects/jvmizgvgy.github/src/components/ThemeRegistry/theme.js:1:1]
 1 | import { Inter } from 'next/font/google';
 2 | import { extendTheme } from '@mui/joy/styles';
 3 | 
 4 | Inter({
   : ^^^^^
 5 |   subsets: ['latin'],
 6 |   display: 'swap',
 7 | });
   `----

Edit: just checked the example locally and it's throwing the same error. Looks like the font needs to be declared as a const.

Edit 2: it appears that #38540 will resolve this error so we shouldn't need to address it here.

[mapache-salvaje]

Is there anything we can do about the naming conventions going on here? I think this would be super confusing to most users (this is StackBlitz):

[oliviertassinari]

Next.js in TS example appears to be broken on Stackblitz:

Ah, yes, same as #38306 (comment)

Is there anything we can do about the naming conventions going on here?

Not sure, in https://developer.stackblitz.com/platform/webcontainers/project-config it doesn't seem to have this option. Make a new issue to create like stackblitz/webcontainer-core#82

[oliviertassinari]

I did a deep swipe on all the examples. Tried to fix the broken ones and more generally to normalize them. e.g. this PR fixes #38572 (comment).