[IOAPPX-458] Enable the new UI + Add dynamic typeface selection

[dmnplb]

Caution

This PR depends on:

• [IOAPPX-453] Add the new static Appearance profile screen #6573

Short description

This PR enables the new UI overhaul throughout the app. This PR also adds dynamic font selection in the new Appearance profile screen.

Note

Due to breaking changes introduced with the 5.x version of the io-app-design-system package, this PR also applies changes to some component APIs

List of changes proposed in this pull request

• Update io-app-design-system to 5.0.0-2 (pre-release version at the moment)
• Add dynamic typeface selection using the useIONewTypeface hook
• Rename Experimental Design System to Experimental interface in the Developer section

Changes due to API breaking changes

• Remove the size prop from Banner instances
  • Related: [IOAPPX-449] Remove size prop from Banner io-app-design-system#369
• Remove the title prop from Alert instances
  • Related: [IOAPPX-450] Remove title prop from Alert io-app-design-system#370
• Change Badge variant names
  • Related: Remove some variants of Badge io-app-design-system#372

Preview

new-typeface-selection.mp4

How to test

Run the app in the local environment. You should see the new UI by default. Change the typeface by going to the new Appearance screen

[github-actions]

Jira Pull Request Link

This Pull Request refers to the following Jira issue IOAPPX-458