[docs-infra] Show plan on API pages

[oliviertassinari]

Current behavior

https://mui.com/x/api/date-pickers/mobile-date-range-picker/ doesn't show the plan in the h1

while we do for demos:

https://mui.com/x/react-date-pickers/date-time-range-field/

Expected behavior

Show the plan

Context

It looks like we could implement this like similar to how we are implementing the getComponentImports() function:

material-ui/packages/api-docs-builder/ApiBuilders/ComponentApiBuilder.ts

Line 750 in c435f65

reactApi.imports = getComponentImports(componentInfo.name, filename);

Meaning, having each package define what is Pro, Premium, MIT based on the filename location.

Your environment

npx @mui/envinfo

  Don't forget to mention which browser you used.
  Output from `npx @mui/envinfo` goes here.

Search keywords: -