feat: SSR rendering for breakpoint dependent code

[jeripeierSBB]

Using breakpoint dependent code causes problems in SSR environments as there is no breakpoint available. E.g. on server, isBreakpoint() returns currently always false but on client side it depends on screen sizes. This causes errors during hydration.

Wherever calling isBreakpoint() has influence on initial rendering output, we want to replace its usages by a different solution. Most of the cases could be replaced by using just css.

To be discussed in refinement:
To provide a reusable help of using triggers, we have the idea of creating some global vars which could be used.
--sbb-display-none-from-{breakpoint}
--sbb-display-none-to-{breakpoint}
--sbb-breakpoint-multiplier-from-{breakpoint}
--sbb-breakpoint-multiplier-to-{breakpoint}

--sbb-breakpoint-multiplier-to-{breakpoint} could be use together with calc like padding:inline: calc(var(--sbb-spacing-fixed-5x) * var(--sbb-breakpoint-multiplier-from-{breakpoint}))

display: var(--sbb-display-none-to-small, var(--sbb-display-none-from-large, 'flex'));

padding: calc(var(--base-padding) + (12px * var(--sbb-breakpoint-multiplier-from-small)));

This should not replace media queries entirely, but just an extension to it.