feat: adjust styles to match figmas and moved icons as react components

[ovflowd]

Description

This PR moves all our new SVG icons as React Components so they become directly part of the bundle.

This PR adjusts several styles and fixes a few Storybooks to match some styles that were not correctly defined as per Figma.

Finally this PR isolates global styles (a, h1, h2, table,...) as they're only used within Markdown content to be behind a pseudo .mdxContent class name.

Validation

Chromatic should look as close a possible; Storybook should build and work.

[vercel]

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

Name	Status	Preview	Comments	Updated (UTC)
nodejs-org	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Nov 25, 2023 1:24pm

[github-actions]

Lighthouse Results

URL	Performance	Accessibility	Best Practices	SEO	Report
/en	🟢 95	🟢 97	🟢 92	🟢 92	🔗
/en/about	🟢 100	🟢 95	🟢 92	🟢 92	🔗
/en/about/previous-releases	🟢 98	🟢 93	🟢 92	🟢 92	🔗
/en/download	🟢 100	🟢 95	🟠 83	🟢 92	🔗
/en/blog	🟢 99	🟢 95	🟢 92	🟢 92	🔗

[github-actions]

Unit Test Coverage Report

Lines	Statements	Branches	Functions
	90.37% (366/405)	77.31% (92/119)	89.18% (66/74)

Unit Test Report

Tests	Skipped	Failures	Errors	Time
71	0 💤	0 ❌	0 🔥	5.207s ⏱️

[ovflowd]

is it on purpose?

Nope. That's why I made a PR, to let Chromatic analyse the divergences. You don't need to comment on the PR with the divergences, because Chromatic will already do that.

[ovflowd]

@AugustinMauroy now you can review ;)

[canerakdas]

LGTM ✨

[AugustinMauroy]

Perfect ✨
NOTE: assets will no longer be served in public

[bmuenzenmeyer]

Perfect ✨
NOTE: assets will no longer be served in public

I can see this leading to 404s with the org and elsewhere... Maybe that's by design

[ovflowd]

Perfect ✨
NOTE: assets will no longer be served in public

I can see this leading to 404s with the org and elsewhere... Maybe that's by design

These assets were never used anywhere to begin with.

[bmuenzenmeyer]

Perfect ✨
NOTE: assets will no longer be served in public

I can see this leading to 404s with the org and elsewhere... Maybe that's by design

These assets were never used anywhere to begin with.

404 on https://github.com/nodejs/help

perhaps that's an antipattern we want to stamp out.

[ovflowd]

Perfect ✨
NOTE: assets will no longer be served in public

I can see this leading to 404s with the org and elsewhere... Maybe that's by design

These assets were never used anywhere to begin with.

404 on nodejs/help

perhaps that's an antipattern we want to stamp out.

Well, these were added by us on the repo for redesign. They shouldn't have been used to begin with... You can use these: https://github.com/nodejs/nodejs.org/blob/main/README.md?plain=1#L8-L10