feat: Add Image Slider component

[dlnr]

Describe the pull request

The same image slider but with an object to define the images, this improves the rendering of thumbnails. Also disabled the scrolling of thumbnails, instead it will turn into a wrapped grid when you add more then 5 images.

What

• Object driven component
• Keyboard navigation for thumbnails
• multiple rows grid for thumbnails
• Improved aria roles

Why

Having a slider with children complicated the markup and dupliating the thumbnails as buttons was an ugly solution.

How

The slides object is fairly simple and the source of the image was now easy to use in a background-image for the button
The aspect-ratio class usage might change after Ruben's changes to the component.

Checklist

Before submitting your pull request, please ensure you have done the following. Check each checkmark if you have done so or if it wasn't necessary:

• Add or update unit tests
• Add or update documentation
• Add or update stories
• Add or update exports in index.* files
• Start the PR title with a Conventional Commit prefix, as explained here.

Additional notes

• Provide links to any related issues or discussions.
• Add a link to the specific story in the feature branch deploy.
• Mention any areas where additional review or feedback is needed.

[dlnr]

Having some trouble moving slides to a child component, also not sure if moving all everything to a shared context is more performant. We discussed this and decided to optimise this later.

[VincentSmedinga]

Awesome!