feat(sbb-container): first implementation

[MarioCastigliano]

Preflight Checklist

• I have read the Contributing Guidelines for this project.
• I agree to follow the Code of Conduct that this project adheres to.
• I have searched the pull request tracker for a Pull Request (PR) that matches the one I want to submit, without success.

Issue

This PR Closes #1908

Pull request checklist

Please check if your PR fulfills the following requirements:

• Tests for the changes have been added (for bug fixes / features)
• Docs have been reviewed and added / updated if needed (for bug fixes / features)

See Review Guidelines for more information what is checked during review process.

Changes

Changes in this pull request:

Browsers

I tested the build on the following browsers:

• Firefox Desktop
• Chrome Desktop
• Edge Desktop
• Safari Desktop
• Chrome Mobile
• Safari Mobile

Screen readers

I tested the build on the following browsers:

• JAWS Firefox Desktop
• JAWS Chrome Desktop
• NVDA Firefox Desktop
• NVDA Chrome Desktop
• VoiceOver Safari Desktop
• VoiceOver Chrome Desktop
• VoiceOver Safari Mobile
• Android Accessibility Suite Chrome Mobile

Pull request type

Please check the type of change your PR introduces:

• Bugfix
• Feature
• Code style update (formatting, renaming)
• Refactoring (no functional changes, no api changes)
• Build related changes
• Documentation content changes
• Other (please describe):

Does this introduce a breaking change?

• Yes
• No

Other information

[DavideMininni-Fincons]

Good work, I added some comments ;)

[codecov-commenter]

Codecov Report

All modified and coverable lines are covered by tests ✅

❗ No coverage uploaded for pull request base (main@bfb27d1). Click here to learn what that means.

❗ Your organization needs to install the Codecov GitHub app to enable full functionality.

Additional details and impacted files

@@           Coverage Diff           @@
##             main    #2271   +/-   ##
=======================================
  Coverage        ?   93.65%           
=======================================
  Files           ?      225           
  Lines           ?    23391           
  Branches        ?     2059           
=======================================
  Hits            ?    21906           
  Misses          ?     1446           
  Partials        ?       39           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[TomMenga]

Good job. 👍
Some small changes and some topic to discuss

Ps. Don't forget to approve the new stories on chromatic when you get the ok from the UX

[jeripeierSBB]

Thanks for the implementing these components! There are some things to address and also topics to discuss probably.

• I think we should use the sbb-container in our stories where possible, so at least in the home stories (instead of the grid, at least when container supports grid :) ).
• In page layout docs (src/storybook/styles/layout/readme.md) we should probably mention the new possibility of the sbb-container.

[jeripeierSBB]

I like the new approach! There are some topics which needed to be addressed.

[jeripeierSBB]

LGTM

Outdated review