FEAT: Switch tabs component

[Arnimag]

User Story

In order to use a consistent and accessible UI building block
As a customer or content manager
I want to switch between tabs (e.g., customer type) with a clear indication of the active state and full keyboard support.

Acceptance Criteria

• Tab options are clearly visible and laid out according to design.
• Selecting a tab successfully updates the displayed content or the component state.
• The active tab is clearly indicated via distinct visual styling.
• Navigation between tabs is supported via keyboard (Arrow keys to move, Enter or Space to select).
• The tab container uses role="tablist" and has a descriptive aria-label or aria-labelledby.
• Each individual tab has role="tab" and correctly manages the aria-selected attribute.
• The content area has role="tabpanel" and uses aria-labelledby to point to its corresponding active tab.
• Looks and works consistent across all supported browsers and devices.
• Can be viewed and manipulable in Storybook.

Background & Resources

https://demo.shopin.dev/storybook/?path=/story/ui-switchtabs--customer-type