feat(playground): add new playground UI components and update RenderT…

[JerryWu1234]

…ree tabs

What is it?

• Feature / enhancement
• Bug
• Docs / tests / types / typos
• Infra

Description

1. add new playground components: async-state-panel, environment-card, interaction-lab, lab-context, icons
2. add playground content/types and new blog route
3. update playground styles and root/layout/routes
4. remove legacy button/text/test components

Checklist

• My code follows the developer guidelines of this project
• I performed a self-review of my own code
• I added a changeset with pnpm change
• I added new tests to cover the fix / functionality

[changeset-bot]

⚠️ No Changeset found

Latest commit: 8929b71

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

[pkg-pr-new]

Open in StackBlitz

npm i https://pkg.pr.new/@qwik.dev/devtools@96

commit: 8929b71

[JerryWu1234]

[gioboa]

That is awesome 👏 💪