FEAT: Thumbnail selector component

[Arnimag]

User Story

In order to browse through visual media efficiently
As a customer or content manager
I want to select a specific thumbnail from a collection (e.g., product images) with a clear visual confirmation and full keyboard accessibility.

Acceptance Criteria

• Visual Presentation: All thumbnails in the set are rendered clearly, with the currently selected item having a distinct visual highlight.
• **Accessibility ** Selection updates immediately upon user interaction (click or keyboard).
• Accessibility (Group): The selector group is identified by an aria-label or linked to a visible label via aria-labelledby.
• Accessibility (Options): Each individual option has a visible label or an internal aria-label; the chosen option correctly manages the aria-selected="true" attribute.
• Component state (value) updates correctly and can be consumed by parent components/callbacks.
• Looks and works consistent across all supported browsers and devices.
• Can be viewed and manipulable in Storybook.
• Styles follows -> figma -> PDP -> Fashion group

Background & Resources

https://demo.shopin.dev/storybook/?path=/story/selectors-thumbnail--default