feat(playground): use Starlight

[victor-teles]

Summary

This PR is part of #881 and focus on migrate the Playground page to Starlight including reuse its color scheme.
Additionally, it includes some cleanup of old files from Rome website.

Test Plan

I've done manually:

• Responsive test
• Accessibility test
• Test playground's core features

[yanthomasdev]

Just a nit, overall LGTM!

[netlify]

✅ Deploy Preview for rad-torte-839a59 ready!

Name	Link
🔨 Latest commit	f323e15
🔍 Latest deploy log	https://app.netlify.com/sites/rad-torte-839a59/deploys/656e5822cc376d00083c7ddc
😎 Deploy Preview	https://deploy-preview-985--rad-torte-839a59.netlify.app/playground
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[yanthomasdev]

This looks amazing, great work!

Two super small styling nits:

• We could change the accent-color for the checkboxes to match the link colors, which I believe are prettier.

  We just need to add this in one of the playground .scss files:

   input[type=checkbox] {
   	accent-color: var(--sl-color-text-accent);
   }

  Here's how it looks like in dark and light mode:
  
  

• I can still see a scrollbar in the page, perhaps we can overflow: hidden the page's body to avoid this since we don't really lose any space from what I tested in mobile and desktop. Perhaps we can fix it without forcing overflow: hidden even!

[ematipico]

This is such a significant improvement! One thing: we should remove the dropdown for selecting the language because we don't plan to translate the playground, and choosing another language will cause a 404.

[yanthomasdev]

we should remove the dropdown for selecting the language

I'll be working on it as a separate PR we can merge before/after this one, will also do some extra work to ensure we avoid 404s in these pages if you're coming from another language.

[yanthomasdev]

Perfect!

[SuperchupuDev]

Selecting an option shows some weird contrast in dark mode (it also happens inside the current playground)

[victor-teles]

@SuperchupuDev Thank you for testing it on windows/linux, can you see if it's ok now?

[SuperchupuDev]

works now, thanks for fixing! there is a small white bar at the bottom now though

[ematipico]

works now, thanks for fixing! there is a small white bar at the bottom now though

Is that MS Edge browser?

[ematipico]

With firefox it seems good

[SuperchupuDev]

@ematipico i'm using chrome beta

[victor-teles]

@SuperchupuDev I couldn't reproduce it using browserling.com (Windows 11 and latest Chrome version).
If you think it's a very annoying problem, Let's work on this in another PR

[yanthomasdev]

works now, thanks for fixing! there is a small white bar at the bottom now though

I also could not reproduce this one in Chrome 120, it might be a regression in Chrome's beta.

[ematipico]

Happy to merge once @SuperchupuDev is happy

[SuperchupuDev]

it's okay, it's just a very small detail, i don't think it matters that much. it looks really good regardless