feat(atomic): add functionality arrow button scroll

[mbenkirane-coveo]

Demo:
https://user-images.githubusercontent.com/97299176/175075314-c8618633-4087-45cd-8536-3ec907dc0514.mov

• Based off this PR
• Still need to adjust pixelsScrolled according to window width (fixed)

[ThibodeauJF]

I'll look this up, but before please make sure you have everything merged up and no conflicts with your previous changes 🙏

[mbenkirane-coveo]

I'll look this up, but before please make sure you have everything merged up and no conflicts with your previous changes 🙏

I'll make sure to properly merge when KIT-1722-Segmented-Scrollable is merged to master

[ThibodeauJF]

It should always be properly merged when asking for reviewers to look at it otherwise it's hard for us to keep track of what's happening

If you want:
master <- KIT-1722-Segmented-Scrollable <- KIT-1756-Add-functionality-arrow-scroll

You can just point this PR to the KIT-1722-Segmented-Scrollable branch

[mbenkirane-coveo]

It should always be properly merged when asking for reviewers to look at it otherwise it's hard for us to keep track of what's happening

If you want: master <- KIT-1722-Segmented-Scrollable <- KIT-1756-Add-functionality-arrow-scroll

You can just point this PR to the KIT-1722-Segmented-Scrollable branch

sounds like a good solution to me

[liviarett]

I'd suggest that, instead of scrolling the full width, you snap to the closest 'full facet'. For example, look at group 15 here:


you never get to see its full value.

this is the behaviour I'd suggest:

when in the first page, show the full leftmost facet, like so

when navigating with the arrows, show the full facet on the left

not sure if I'd change the behaviour depending on the side (when navigating right, snap to the leftmost facet; when navigating left, snap to the rightmost facet); depends what it looks like, but essentially you want to make sure you can read the full thing at some point!

[ThibodeauJF]

Nice!