quickstarts: Consume v6 alphas and build Penta demo

[nicolethoen]

Once the following components have been built out using new design tokens, the core + react v6 alphas can be pulled into quickstarts to build out a penta demo:

• Accordion (Consume tokens: Accordion and Expandable section patternfly#5729)
• CodeBlock (Consume tokens: Code block, code editor, and clipboard copy patternfly#5735)
• Gallery
• Icon (Consume tokens: Avatar, Brand, Background image, Backdrop, Divider, Truncate, Icon patternfly#5724)
• Label (Consume tokens: Chip, Label, and Badge patternfly#5716)
• List (Consume tokens: Title, text, and List patternfly#5730)
• Switch (Consume tokens: Switch, Slider, Spinner, Skeleton patternfly#5738)
• ToggleGroup (Consume tokens: Button, Toggle group, and Notification Badge patternfly#5717)
• Wizard (Consume tokens: Wizard patternfly#5742)
• Alert (Consume tokens: Alert and hint patternfly#5715)
• Badge (Consume tokens: Chip, Label, and Badge patternfly#5716)
• Banner (Consume tokens: Banner, Pagination, Skip to Content, and Back to Top patternfly#5743)
• Brand (Consume tokens: Avatar, Brand, Background image, Backdrop, Divider, Truncate, Icon patternfly#5724)
• Button (Consume tokens: Button, Toggle group, and Notification Badge patternfly#5717)
• Divider (Consume tokens: Avatar, Brand, Background image, Backdrop, Divider, Truncate, Icon patternfly#5724)
• Drawer (Consume tokens in: Panel, Drawer, Sidebar, Tab content patternfly#5711)
• EmptyState (Consume tokens: Empty state patternfly#5733)
• ExpandableSection (Consume tokens: Accordion and Expandable section patternfly#5729)
• Flex
• Form (Consume tokens in: Form, Text input group, input group, form control, checkbox, radio, number input patternfly#5706)
• MenuToggle (Consume tokens: Menu, Menu Toggle, Dropdown, Select, Overflow Menu (exclude deprecated Context Selector, Application Launcher, Options menu patternfly#5718)
• Modal (Consume tokens in: Modal and About Modal patternfly#5707)
• Nav (Consume tokens in: Masthead and Navigation patternfly#5712)
• Popover (Consume tokens: Tooltip and Popover patternfly#5732)
• Radio (Consume tokens in: Form, Text input group, input group, form control, checkbox, radio, number input patternfly#5706)
• SearchInput (Consume tokens in: Form, Text input group, input group, form control, checkbox, radio, number input patternfly#5706)
• Select (Consume tokens: Menu, Menu Toggle, Dropdown, Select, Overflow Menu (exclude deprecated Context Selector, Application Launcher, Options menu patternfly#5718)
• Split
• Stack
• Text (Consume tokens: Title, text, and List patternfly#5730)
• TextInput (Consume tokens in: Form, Text input group, input group, form control, checkbox, radio, number input patternfly#5706)
• Title (Consume tokens: Title, text, and List patternfly#5730)
• Toolbar (Consume tokens in: Toolbar and Action list patternfly#5713)
• Tooltip (Consume tokens: Tooltip and Popover patternfly#5732)

The demo will be especially powerful once the v6 Classic theme is done, so that the following deprecated components can exist alongside themed/non-deprecated components without any style clashing:

• PageHeader-deprecated
• PageHeaderTools-deprecated (PageHeaderTools-deprecated, PageHeaderToolsItem-deprecated)

Once the official alpha is released quickstart's v6 branch should consume them.

The v6 branch should also be updated to include all changes made to the main branch since the v6 branch was created.

Once the code merges and a v6-alpha of this extension is available, it should be pulled into the v6 branch on org.

After feedback is provided about how the deprecated PageHeader behaved after the v6 migration was completed, a follow up issue should be opened and completed to remove the usage of the deprecated page header.

[andrew-ronaldson]

Here is a link to the Figma updates

[nicolethoen]

closed by #297