[DSS-654]feat: add Card.Header component with updates to storybook

[aperez-kajabi]

Description

Implement a Card.Header sub component for a non-opinionated header with a configurable background.
It should allow for a configurable background prop that will either

• match an existing CODE from SageTokens.COLOR_SLIDERS
• allow a custom HEX value if the provided background prop does not match to a COLOR_SLIDERS key
  This will function exactly as the background prop in the component.

Implementation example:

<Card.Header background={SageTokens.COLOR_SLIDERS.GREY_200}>
    {...}
</Card.Header>

Screenshots

Before	After

Testing in sage-lib

Testing in kajabi-products

1. (LOW/MEDIUM/HIGH/BREAKING) Description of the change and its impact with QA as the audience.
   • One more examples of the component in use to either test the change or verify the change has not had adverse effects.

Related

[QuintonJason]

Thanks for the update. Looks good