[website][docs] Update the product identifier menu and X page

[danilo-leal]

• I have followed (at least) the PR section of the contributing guide.

This PR adds all the currently available X components in the Docs menu, displayed on the marketing pages' navbar and the product identifier within the documentation switcher. I also took the opportunity to do some general tweaking here and there around the X page, mostly to display that all components are now stable. Other changes are fine-tuning stuff.

For the time being, these changes work well! Just acknowledging that, in the future, though, as we continue to add more components to the X suite, we may want to revisit a bunch of these items altogether (i.e., the docs switcher, the page content itself, that focuses a bit too much still on the Data Grid, etc.).

👉 https://deploy-preview-39832--material-ui.netlify.app/x

[mui-bot]

Netlify deploy preview

https://deploy-preview-39832--material-ui.netlify.app/

Bundle size report

No bundle size changes (Toolpad)
No bundle size changes

Generated by 🚫 dangerJS against 86a37e7

[danilo-leal]

@samuelsycamore heya! 👋 I've pushed in some copywriting changes in this PR as I revisited this page a bit — it'd be awesome if you could review it! The general thought process was to make the copy more inclusive to other advanced components, and slightly less Data Grid-centric, although it's still the main example used throughout.

[cherniavskii]

Thanks for working on this!

[alexfauquette]

Searching for where is used this element let me notice that the hover color of the chip is a bit weird, because there is no on-click event. you can do a double click on the cell but nothing special on the chip.

Clearly out of the scope of this PR.

[danilo-leal]

Yeah — but it's a good thing you called out. There are three instances of the Data Grid on this page, and they're all slightly differently customized. For the next one, I might tackle this to make sure they're all consistent, regardless of whether they're using different demo datasets!

[alexfauquette]

I don't get the point of this label since it's hidden and it does not add extra information because the label text is exactly the same as the description

[danilo-leal]

@siriwatknp — any guidance here, Jun? I didn't remove it because I followed the same pattern as in the ProductsSwitcher file, which has this invisible label element. Should we keep it or not?

[joserodolfofreitas]

Thanks for putting effort to enhance the X landing page.

I am currently drafting the content for a new landing page that we aim to launch by March next year. Your support in bringing this new vision to life would be also greatly appreciated.