chore: refactored layout

[tobi-or-not-tobi]

Changes:

• Responsive layouts are back
• Layout specific styles are only applied when needed (e.g. grid vs carousel vs column, etc) and do not pollute the DOM unnecessarily
• Screen size driven styles are added only when used; each screen size can contribute to the base styles regardless.
• The grid system has been refactored to better calculate the grid size; the column width is calculated by the root container size to ensure a consistent width, but will at the same time not leak out of the available space. As a result, the layout of PLP is much more stable.
• Page bleeding is introduced (formerly known as max-size) to align better with industry naming. Also, carousel now allows to bleed out to have carousel items running outside the container size.
• Layout style rules are now created by the layout logic (controller, service) and can be conveniently applied by the new LayoutMixin; other components (like the product list) only need to leverage the LayoutMixin to leverage layout.
• The Layout component is no longer used inside compositions and the product list component, instead new layout mixin is used. This avoid additional DOM nodes for every composition.
• PropertySignals are used to observe property updates directly inside signal logic.
• Layout types and layout properties (sticky, bleed, overlap) are provided by options or properties and can be refined per screen size. xs, xm, md, lg and xl are standard supported screen sizes.
• Tabular styles are dropped for the moment as they do not fit with the new design; they will come back (similar to accordions whenever we roll out the concept of layout plugins).
• New overlap layout feature introduce to have multiple layouts on top of each other.

closes HRZ-2719, HRZ-2708
fixes HRZ-2737

[netlify]

✅ Deploy Preview for dev-oryx-components ready!

Name	Link
🔨 Latest commit	304b40c
🔍 Latest deploy log	https://app.netlify.com/sites/dev-oryx-components/deploys/645bf642f98dfe00084a6009
😎 Deploy Preview	https://deploy-preview-279--dev-oryx-components.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[netlify]

✅ Deploy Preview for dev-fulfillment ready!

Name	Link
🔨 Latest commit	304b40c
🔍 Latest deploy log	https://app.netlify.com/sites/dev-fulfillment/deploys/645bf6421f6f7c000957a4b4
😎 Deploy Preview	https://deploy-preview-279--dev-fulfillment.netlify.app/
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[netlify]

✅ Deploy Preview for dev-composable-storefront ready!

Name	Link
🔨 Latest commit	304b40c
🔍 Latest deploy log	https://app.netlify.com/sites/dev-composable-storefront/deploys/645bf6427b70c400080e8fb4
😎 Deploy Preview	https://deploy-preview-279--dev-composable-storefront.netlify.app/
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.