[docs] Revise and split up "Overview" page into "Introduction" section

[samuelsycamore]

Doc preview: https://deploy-preview-4692--material-ui-x.netlify.app/

This PR revises and splits up the content on the Overview page.

Follow up to: Add and/or revise "Overview" pages for each MUI product

The new Introduction section features 5 pages:

• Overview
• Installation
• Licensing
• Support
• Roadmap

I rewrote the content on the Overview page to match the formatting of the Base Overview page.

[mui-bot]

These are the results for the performance tests:

Test case	Unit	Min	Max	Median	Mean	σ
Filter 100k rows	ms	248.6	509.7	377.9	368.54	102.379
Sort 100k rows	ms	558.1	1,083.7	558.1	825.1	199.768
Select 100k rows	ms	154.5	283.1	192.9	198.02	45.162
Deselect 100k rows	ms	108.5	220.5	170.3	167.76	43.958

Generated by 🚫 dangerJS against 1b259aa

[m4theushw]

I'm not sure why, but the doc switcher widget at the top of the nav bar isn't showing up on the new pages I created. Maybe someone can help me figure out how to make it come back? 😅

I think you have old dependencies. Try switching to master and run git pull, then go back to this branch, run git merge master and commit.

[cherniavskii]

Try switching to master and run git pull, then go back to this branch, run git merge master and commit.

@m4theushw @samuelsycamore I would wait with this until mui/material-ui#32552 is merged, otherwise docs:dev won't work

[cherniavskii]

@samuelsycamore

I'm not sure why, but the doc switcher widget at the top of the nav bar isn't showing up on the new pages I created. Maybe someone can help me figure out how to make it come back?

Ok, it needs a change in the core repo right here:
https://github.com/mui/material-ui/blob/f4818344868ffeaff31e613be90edaf82d3c801e/docs/src/modules/components/AppNavDrawer.js#L656

diff --git a/docs/src/modules/components/AppNavDrawer.js b/docs/src/modules/components/AppNavDrawer.js
index 2e5f8225f05..07c1b4fec9f 100644
--- a/docs/src/modules/components/AppNavDrawer.js
+++ b/docs/src/modules/components/AppNavDrawer.js
@@ -653,7 +653,7 @@ export default function AppNavDrawer(props) {
               ])}
             />
           )}
-          {asPathWithoutLang.startsWith('/x/advanced-components') && (
+          {asPathWithoutLang.startsWith('/x/getting-started') && (
             <ProductIdentifier name="Advanced components" metadata="MUI X" />
           )}

I can open a PR addressing this or feel free to open one if you want :)
After merging it, @mui/monorepo commit should be updated in this PR:

mui-x/yarn.lock

Lines 2602 to 2604 in cfc9a6f

	"@mui/monorepo@https://github.com/mui/material-ui.git#master":
	version "5.6.3"
	resolved "https://github.com/mui/material-ui.git#ab60e53526bf85dd28a64c926839c1fd7ffec6df"

[github-actions]

This pull request has conflicts, please resolve those before we can evaluate the pull request.

[flaviendelangle]

@cherniavskii for the monorepo PR to fix the link, we can avoid temporarily breaking stuff by just handling both links starting now and remove the legacy one later

-          {asPathWithoutLang.startsWith('/x/advanced-components') && (
+          {(asPathWithoutLang.startsWith('/x/advanced-components')  || asPathWithoutLang.startsWith('/x/getting-started')) && (

[cherniavskii]

I've opened mui/material-ui#32657 to address missing product identifier component

[samuelsycamore]

Great job @oliviertassinari! I think this is basically ready to go. 👍

[flaviendelangle]

Should we add an example image like we do for pro ?

[samuelsycamore]

Actually I'm thinking we should remove the screenshot from the Pro section—I don't think it really adds any value.

[flaviendelangle]

Could also make sense, or just inline an example if it's worth it

[joserodolfofreitas]

This is looking great!
We can merge this to have it published with the next release.
And we can create new PRs for any other improvements.

[mbrookes]

Done as far as I'm concerned (sorry, haven't read it again).

[mbrookes]

Merging in 3, 2, 1...