feat: ✨ sd-flipcard – add bottom alignment for all variants

[coraliefeil]

User Story

As a consumer of the Solid Design System, I would like to be able to use all flipcard variants with bottom alignment, so that I can present my content as desired.

Components detailed requirements

Attributes

Status	Name	Type	Default	Description
[ ]	variants	string	primary' / primary-100 / gradient-dark/ gradient-light	The flipcard's variant.
[ ]	front-reverse-layout	boolean	false	Controls the position of the content slot, determining whether it is placed at the top or bottom.
[ ]	back-reverse-layout	boolean	false	Controls the position of the content slot, determining whether it is placed at the top or bottom.

Technical Information

• Use case: https://realestate.union-investment.us/#

• Figma URL: https://www.figma.com/design/YDktJcseQIIQbsuCpoKS4V/Component-Docs?node-id=2314-11685&node-type=canvas&t=JezunfCufCGwfSXB-0

Hint

we have this functionality for gradient-light-bottom and gradient-dark-bottom. So we need a primary-top and primary-bottom. And also a primary-100-top and primary-100-bottom.

Subtasks

• [x] #1431
• [ ] #1430
• [x] #1432

DoR

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

DoD

• [ ] All subtasks have been closed