feat(Brand): consumed Penta updates

[mfrances17]

What: Closes #9921

Mostly icon changes, added some extra code to make it responsive in different screen sizes and to make it work with light/dark mode.

Additional issues:
None

[patternfly-build]

Preview: https://patternfly-react-pr-10045.surge.sh

A11y report: https://patternfly-react-pr-10045-a11y.surge.sh

[andrew-ronaldson]

Approved. Great to have the light/dark switcher working on this too!

[thatblindgeye]

Couple of quick comments below. @edonehoo do you think it'd be worth adding a description to the basic example to call out that theme support has to be manually done by the consumer, rather than it being something built into the component?

[mcoker]

LGTM 💪

[edonehoo]

Couple of quick comments below. @edonehoo do you think it'd be worth adding a description to the basic example to call out that theme support has to be manually done by the consumer, rather than it being something built into the component?

@thatblindgeye I think that makes sense here! wdyt about something simple like this?:

The brand component does not have any built-in theme support. If a brand should be dynamically styled, you must manually set up the necessary logic on your own.

This example adjusts styling as the PatternFly website is toggled between the light and dark theme.

[wise-king-sullyman]

Other than the above comments LGTM!

[mfrances17]

@thatblindgeye I think that makes sense here! wdyt about something simple like this?:

The brand component does not have any built-in theme support. If a brand should be dynamically styled, you must manually set up the necessary logic on your own.
This example adjusts styling as the PatternFly website is toggled between the light and dark theme.

I added this, slight wording changes and placement... I added the blurb above the basic example under Examples because it applies to both examples.

[thatblindgeye]

🎉

[tlabaj]

LGTM!