[BUG] tab navigation margin-inline pushes page content

[ ] I have written a good issue

Describe the bug

When navigating with segmented control the margins are pushed due to segmented controls scroll into view feature. The real issue is that the tab-navigation's with is calculated to more than 100% of the viewport. See enclosed video

## Describe how to reproduce the bug Probably implement tab-navigation on a page together with segmented control. Ensure a narrow viewport.

Which Kirby version was used?

9.0.0

## What was the expected behavior? As demonstrated in video

Add any screenshots

https://github.com/kirbydesign/designsystem/assets/263060/4c9a6373-4c1e-4054-816a-a3463eb7380b

Please complete the following information:

iOS: iPhone 12
Chromium browsers: MacOS

Are there any additional context?

Checklist:

The following tasks should be carried out in sequence in order to follow the process of contributing correctly.

Verification

To make sure the bug is not intended behaviour; it should be verified by a member of team Kirby before moving on to implementation.

[ ] Make sure the NOT verified label has been removed by a member of team Kirby; do not proceed until this is done

Implementation

The contributor who wants to implement this issue should:

[ ] Make sure you have read: "Before you get coding".
[ ] Signal to others you are working on the issue by assigning yourself.
[ ] Create a branch from the develop branch following our branch naming convention.
[ ] Create a test that reproduces the bug following guidelines in: "The good: Test".
[ ] Write code to fix the bug

Review

Once the issue has been implemented and is ready for review:

[ ] Do a self-review.
[ ] Create a pull-request.

kirbydesign / designsystem