chore: update the playground styling to be easier to navigate

[JosephAnson]

❓ Type of change

• 📖 Documentation (updates to the documentation or readme)
• 🐞 Bug fix (a non-breaking change that fixes an issue)
• 👌 Enhancement (improving an existing functionality like performance)
• ✨ New feature (a non-breaking change that adds functionality)
• ⚠️ Breaking change (fix or feature that would cause existing functionality to change)

📚 Description

This pull request includes updates to the navigation and layout structure of the playground application. The styling follows more closely the rest of the nuxt websites by using more nuxt ui components, it should make debugging a little easier and with the added navigation should be easier to switch between scenarios.

Debug Card

Added a debug card at the end of each page to improve debugging, also pushed an additional toc item to make navigating to it easier.

Navigation Enhancements:

I've simplified the use of layouts by instead opting to create a ContentPage Component.

📝 Checklist

• I have linked an issue or discussion.
• I have updated the documentation accordingly.

[pkg-pr-new]

npm i https://pkg.pr.new/@nuxt/content@3270

commit: 694e8bf

[farnabaz]

Looks great 👍