[ui] Add a chip to indicate pro features

[bharatkashyap]

• Closes Authorization paid plan error message #3181

Screen.Recording.2024-04-09.at.5.03.59.PM.mov

• Also makes fixes to the <UpgradeAlert /> to change the nature of the alerts to info instead of error, which was jarring

• Also some minor fixes on the typography of the <PageOptionsPanel />':
  

• Also some updates to documentation copy to better reflect the paid nature of the gated features

- "only available for free for a limited time"
+ "is a paid feature"

[oliviertassinari]

• I think we should remove the blue icon, this represents MUI X Pro plan, which is not the same as Toolpad Commercial plan.
• I would look into how Metabase does paid feature discovery https://www.metabase.com/pricing/. It's not clear to me that this should be visible in the product itself (and not only in the docs)

[Janpot]

I'm not convinced this will scale as the amount pro features grows, but that will be a good problem to have. Until then I'm ok with this solution 👍

[Janpot]

Just a string should be fine, no?

Suggested change

<Typography variant="inherit">

[Janpot]

I wish prettier would fix these

Suggested change

	component={'a'}
	component="a"

[Janpot]

Suggested change

cursor: 'pointer',

use the clickable prop of the Chip

[Janpot]

Just export two components, an alert and a chip