[Feature]: Updating Accordion sample markup in Storybook

[himerus]

See https://outline.phase2tech.com/?path=/docs/content-accordion-accordion--accordion

The updated accordion has recently been updated via:

• 276

• 277

• 290

• 297

• 299

Now, the heading for each accordion item is a slotted element, rather than forcing an h4 that could fall out of semantic order on the page.

Now, the styles have been redrawn to be the simplest grayscale version. (this will be adjusted in a later ticket)

The mobile adjustment of heading styling and the original full accordion label has been adjusted to demonstrate that the usage of outline-heading can control the mobile sizing appropriately.

Tasks to Accomplish

• Make each of the Accordion samples have unique content.
• Include a link in each of the accordion elements. (to assist with keyboard navigation testing)
• Include at least one sample where the accordion item's heading/label is a link, and verify the presumed logic that you could link to a page, AND open the "accordion panel" works
  • This ensures the Accordion can properly be used for a mobile menu the way menus are presented in Drupal
• Include an additional story on the primary Accordion story to duplicate the original one, but set to the clean variant by default.