Implement the slider in the top toolbar on wide screens

[benoit74]

Implement the top toolbar slider on wide screens

Important aspects:

• the component must be responsive (designs under work)
• the slider must respond to slide gestures on tactile screens (and to clicks, of course)

When the kind is "day", we can have up to 7 days selectable (but some might not be available)
When the kind is "week", we can have up to 4 weeks selectable
When the kind is "month", we can have up to 3 months selectable
When the kind is "year", we can have an unlimited number of years selectable

The list of available aggregations (kind + value) are provided by the store to the component. There might be "holes" in available aggregations (e.g. for kind month, we might have January 2023 and March 2023 available, because the system was not used in February 2023). For now we will let the user select the "holes" (e.g. February 2023) and it will be the main UI responsibility to indicate that no data is available. Nothing in the top toolbar will indicate that there is a hole.

The top toolbar buttons "Previous" and "Next" will be disabled when there is no more previous / next aggregations available for the selected kind.

The top toolbar buttons "Day", "Week", "Month", "Year" will be disabled when there is no aggregation at all for the corresponding kind of aggregation.

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be now be reviewed manually. Thank you for your contributions.