[docs] Move unstyled components' docs to the Base space

[michaldudak]

This is an umbrella issue to track moving the unstyled components' documentation from Material UI to the Base space.

Docs to move:

• BackdropUnstyled [docs] Add BackdropUnstyled docs #31855
• BadgeUnstyled [docs] Move BadgeUnstyled docs to Base space #31872
• ButtonUnstyled [docs] Migrate button demos to base #31395
• ClickAwayListener (should remain in both Material UI and Base spaces) [docs] Copy ClickAwayListener docs to Base #31878
• FormControlUnstyled [docs] Create the FormControl page #32073
• InputUnstyled [docs] Add InputUnstyled docs #31881
• MenuUnstyled (+ MenuItemUnstyled) [MenuUnstyled] Create MenuUnstyled and useMenu #30961
• ModalUnstyled [docs] Add docs page for unstyled Modal #31417
• NoSsr (should remain in both Material UI and Base spaces) [NoSsr] Copy docs to the Base space #31956
• PopperUnstyled [docs] Add docs page for unstyled popper #31813
• Portal (should remain in both Material UI and Base spaces) [Portal] Copy Portal docs to the Base space #31959
• SelectUnstyled (+ MultiSelectUnstyled, OptionUnstyled, OptionGroupUnstyled) [docs] Move SelectUnstyled docs to the Base space #31816
• SliderUnstyled [docs] Create SliderUnstyled docs #31850
• SwitchUnstyled [docs] Move SwitchUnstyled docs to the Base space #31964
• TablePaginationUnstyled [docs] Create TablePaginationUnstyled docs #32018
• TabsUnstyled (+ TabUnstyled, TabsListUnstyled, TabPabelUnstyled) [docs] Create the TabsUnstyled docs #32023
• TextareaAutosize (should remain in both Material UI and Base spaces) [docs] Copy TextareaAutosize docs to Base #32034
• TrapFocus (should remain in both Material UI and Base spaces) [TrapFocus] Move docs to Base and drop the Unstyled prefix #31954
• useAutocomplete - will be moved after its API and behavior is consistent with other Base components

---

cc @mui/core

[siriwatknp]

#31395 Should be merged before continuing the rest of the pages because there are updates on the build-api scripts.

After that, this is the checklist when moving pages from Material UI to MUI Base:

• Remove unstyled component files (.js & .json) from /pages/api-docs/...

• Remove unstyled component from material-ui component markdown components, add unstyled: $url and packageName: '@mui/base'

  // data/material/components/button/buttons.md
  ---
    product: material-ui
    title: React Button component
  - components: Button, IconButton, ButtonBase, LoadingButton, ButtonUnstyled
  + components: Button, IconButton, ButtonBase, LoadingButton 
    materialDesign: https://material.io/components/buttons
    githubLabel: 'component: button'
    waiAria: https://www.w3.org/TR/wai-aria-practices/#button
  + unstyled: /base/react-button/
  + packageName: '@mui/base'
  ---

• Remove unstyled section from the markdown file (the section is auto-generated if it sees unstyled: /base/react-button/ in the markdown header.

• Add the migrated component to the line: 105 in docs/scripts/buildApiUtils.ts

  const migratedBaseComponents = [...] // this will prevent the API page generation to the old docs

After complete the checklist, run yarn docs:api as usual and you should see the changes in

• the "Demos" & "API" comment in unstyled component .tsx should link to /base/react-...
• the API .json in docs/pages/base/api/...json should have the correct demo url

[michaldudak]

I'm closing this issue as all the components' docs were moved. The useAutocomplete will be moved when its API and internals are changed to be consistent with other MUI Base hooks.