feat: add-brand-page

[p0nch000]

What changed / motivation?

I added a "brand" page to the StyleX website, similar to the one on React Dev. The goal was to make it easier for users to access brand assets, including dark and light mode logos and colors, by simply right-clicking on the StyleX logo. This allows for a more user-friendly experience when working with StyleX branding materials.

Linked PR/Issues

Fixes #733

Additional Context

Screenshots:

• A modal appears upon right-clicking the StyleX logo, allowing users to download the SVG files and copy brand colors for both dark and light modes.
• The modal includes clear sections for dark mode, light mode, and additional assets like cover photos.

Tests:

• Tested the modal in both light and dark modes.
• Verified that the download and clipboard functionalities work as expected.

No breaking changes.

Pre-flight checklist

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

[nmn]

Good start, but some changes needed:

1. There's a bunch of code quality improvements that need to be made to new component you have built.
2. The branch needs to be rebased on the main branch. Currently it's pulling in a bunch of incomplete Playground code.

[nmn]

A good start. The design of the drop down looks good.

• The dark mode SVG download works correctly. The light mode SVG download is broken.
• The copy light mode color and copy dark mode color just copy color hashes. They should instead copy the SVG code.

[p0nch000]

Hey I fixed everything you told me to fix, appreciate the feedback, im just having trouble to rebase with main, I think I already did it but still seeing those Playground files there after I've done it. Everything else already fixed!

UPDATE: I think I solved the rebase bug :))

@nmn

[nmn]

Nearly there. Make the suggested changes and ensure that there are no lint or prettier issues after.

Please run the following commands from the root of the repo.

$ npm run prettier
$ npm run lint

Thanks for the quick progress on this!

[p0nch000]

Should be ready now, already used the prettier and lint commands from root, thanks for the patience and great feedback!!

@nmn

[nmn]

This looks good for now. Thanks!