feat(components): allow custom title for Disclosure

[demoraesgui]

Motivations

In this update, I've introduced additional flexibility to the Disclosure component by allowing the use of an ReactNode | ReactNode[] combination as the title. This enhancement provides developers with more options for crafting visually engaging and informative titles, improving the overall user experience and making the component more versatile across different use cases.

Changes

Disclosure component was updated to either fallback to the current behavior if a string is provided as title or render the ReactNode | ReactNode[] as is.

Added

Storybook:

• Added imports for Flex, Heading, and Icon components. Introduced a new story CustomTitle demonstrating the use of a custom title in the Disclosure component.

Dependency Updates:

• Added classnames package to manage conditional class names for the Disclosure component.

Changed

Disclosure Component:

• Updated Disclosure component to accept custom titles by changing the title prop type to string | ReactNode | ReactNode[] and adding logic to handle non-string titles.
• Added new styles for custom titles and adjusted existing styles for layout alignment.

Testing

• Updated tests to include a new test case for rendering a Disclosure with a custom title, ensuring the custom title and icon are correctly rendered.

Changes can be tested via Pre-release

---

In Atlantis we use Github's built in pull request reviews.

[cloudflare-workers-and-pages[bot]]

Deploying atlantis with    Cloudflare Pages

Latest commit:	e408d09
Status:	✅  Deploy successful!
Preview URL:	https://4c2c9076.atlantis.pages.dev
Branch Preview URL:	https://feat-custom-title-for-disclo.atlantis.pages.dev

View logs

[demoraesgui]

Thanks for the feedback @nad182. Would you mind giving another look?