feat: playground diff code

[anubra266]

• Allow default editor tab by appending tab to url. E.g. /playgroundID?tab=css loads the playground in css tab when opened
• Update the syntax highlighter; Changed to a simpler package, that also supports typescript and has better DX.
• Add Diff mode to Playground:
  This allows us to share links that compare two playgrounds, especially useful when creating a playground that corrects errors in another playground.
  Flow:

Say you have a saved playground

This Icon comes up after you make changes

Clicking that icon saves the changes to a new playground, then opens a diff between the old playground and the new one.

Diff editor looks like this:

User can click this link if they want to open the updated playground

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated (UTC)
panda-docs	✅ Ready (Inspect)	Visit Preview	Dec 5, 2023 0:59am
panda-playground	✅ Ready (Inspect)	Visit Preview	Dec 5, 2023 0:59am
panda-studio	✅ Ready (Inspect)	Visit Preview	Dec 5, 2023 0:59am

[changeset-bot]

⚠️ No Changeset found

Latest commit: 9244f8c

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