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

• feat[design]: ✨ implement reverse layout logic for front and back #1431
• feat[dev]: ✨ implement reverse layout logic for front and back #1430
• feat[design]: ✨ publish reverse layout logic for front and back #1432

DoR

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

DoD

• All subtasks have been closed