Changes have to be done in the v6 branch, not main!

GH issue: https://github.com/patternfly/react-component-groups/issues/215

Structurally/architecturally this component would be a reflection of the way it is built within the horizontal card

•  !important override being used to control margin. It is set to 16px override but should be updated to 8px using: global/spacer/gap/text-to-element: 8px/spacer-200 – this might be automatically fixed when the changes to semantic spacers are launched, not sure. Lets try to avoid overrides if possible

•  Icon color and section heading text color need updated to be global/icon/color/brand/default and global/text/color/brand/default

•  Card heading size H4 needs updated to be Heading/sm(h3)