feat: playground sidebar

[aminaopio]

What changed / motivation ?

The StyleX website has an empty-ish page for the playground. This partially tackles one of the issues: A source editor pane that support tabs for multiple files. Includes:

• Drag and drop functionality for src directory
• Loading indicator while WebContainer is booting
• CRUD file operation/rendering and error handling courtesy of @6ri4n

Linked PR/Issues

Helps address #732

Additional Context

Pre-flight checklist

• I have read the contributing guidelines
  Contribution Guidelines
• Performed a self-review of my code

[aminaopio]

@nmn Rebased even-better-playground onto better-playground. There shouldn't be any conflicts this time, but there are some checks failing

[nonzzz]

I think you should make this pull request commit as clean as possible. Now i note this pull request contain the main branch commit it's not need.

[nonzzz]

Some ides. I think you can create a new branch based on the latest commit of the main branch. then using cherry-pick pick this 96ea090cc4371211c23891efc76d502fac939209 to the new branch.

[nmn]

@nonzzz is correct.

All the relevant changes for this PR are for the website that doesn't use types or tests. So none of the signals should be red once your PR is clean.

[aminaopio]

@nmn Sorry this took so long.

I fixed a majority of the lint errors, but the remaining ones are caused by the pseudo elements. I think the version of the ESLint plugin that we're using is outdated/not supported anymore.

Not too sure about the performance size error

[nonzzz]

wait. I'll check your work at my local. If everything goes as expected, will you invite me to be a collaborator?

[aminaopio]

Yeah I can do that, just let me know!

[nonzzz]

I do some change and pretty your commit in my local and put it at cleaned you can view and check my branch and invite me as the collaborator.( If it's ok, i'll force push into your branch)

[nonzzz]

And i check the lint rule it not outdated.

[aminaopio]

I do some change and pretty your commit in my local and put it at cleaned you can view and check my branch and invite me as the collaborator.( If it's ok, i'll force push into your branch)

Invited you as a collaborator @nonzzz, I tested on your branch and got different linting errors than the ones above. I can fix them if they pop up here

And i check the lint rule it not outdated.

And hmm okay—the errors I was getting were the same that were resolved in #320, but not getting them on your branch so should be good. Thanks for the help!

[nonzzz]

@aminaopio Should be closed and create a new one .I have synchronized some of the playground work to the last commit of the main branch.

[nonzzz]

And then modifications must be based on the synchronized branch.

[aminaopio]

@aminaopio Should be closed and create a new one .I have synchronized some of the playground work to the last commit of the main branch.

I believe Naman wanted us to base it off of better-playground since it's not ready to be merged into main yet. Maybe he can clarify @nmn. Are you saying create another PR?

[nonzzz]

Because the development was not synchronized in time, the history of this PR carries a lot of unnecessary noise. I think creating a new PR will be clearer, and as you said, we need clarify by @nmn