feat(playground): tabs layout for output section

[enzonotario]

Related #158

Adds tabs for Output section to switch between Web Component and Compiled Code.

[enzonotario]

@aralroca when I try to set automaticLayout: true option in packages/www/src/pages/playground/index.tsx:63, it loads successfully, but when I resize the window, I get the following:

I suspect it might be related to SSR, although it has skipSSR?

[aralroca]

@aralroca when I try to set automaticLayout: true option in packages/www/src/pages/playground/index.tsx:63, it loads successfully, but when I resize the window, I get the following:

I suspect it might be related to SSR, although it has skipSSR?

@enzonotario this error is displayed for the brisa-error-dialog in dev mode:

brisa/packages/brisa/src/utils/brisa-error-dialog/web-components/brisa-error-dialog.tsx

Line 84 in a4277d3

title: 'Uncaught Error',

This happens because is catching all inside window.addEventListener('error', /* ... */). For some reason is not providing the correct error feedback. But this is the real error:

"ResizeObserver loop completed with undelivered notifications."

I'm going to see what gives the correct error feedback in these cases, because otherwise it's very annoying to debug.

[aralroca]

Thank you for your contribution, it is already much better than before. I merge it and so we iterate. Good job!