feat: ✨ improve copyright visibility and add vertical orientation

[auroraVasconcelos]

Current behavior

The existing version of the copyright text is white, having a low contrast with light backgrounds/images. (https://github.com/solid-design-system/solid/pull/1280#issuecomment-2298637967)

Expected behavior

It is possible to choose between two types of font colors to improve contrast making it more readable.

• [x] Add sd-copyright [design]
• [x] Swap copyright text layer in style components like sd-media etc. by utilizing new sd-copyright [design]
• [x] Add orientation attribute (Horizontal (default) / vertical) [design]
• [x] Add color variants (black / white) [dev | design]
• [x] Add drop-shadow for white text [dev | design]
• [ ] fix #1533

Suggested solution

• Implement the style component in figma serving as a helper component and utilize it in sd-brandshape, sd-teaser-media, etc.
• Add text color choices text.black, text.white
• Add text shadow boolean (As we have it now ... only available for text.white)
• Add orientation attribute (horizontal/vertical)

Technical Information

DoR

• [x] Item has business value
• [x] Item has been estimated by the team
• [x] Item is clear and well-defined
• [x] Item dependencies have been identified

DoD

• [ ] Documentation has been created/updated (if applicable)
• [ ] Migration Guide has been created/updated (if applicable)
• [ ] Relevant E2E tests (Features, A11y, Bug fixes) are created/updated
• [ ] Relevant stories (Features, A11y) are created/updated
• [ ] Implementation works successfully on feature branch )

[coraliefeil]

@MartaPintoTeixeira I’m done with comp refinement.

IMO we can publish

[MartaPintoTeixeira]

All done and published from design side

[coraliefeil]

Design is done ... @MartaPintoTeixeira is there sth @auroraVasconcelos needs to update on dev side?