GUI for Custom Time Sliding Window in Leaderboard

[GODrums]

Motivation

After the introduction of sliding time windows on the server in #100, we now aim to provide an intuitive GUI on the client to navigate through the past weekly leaderboards.

Description

This PR introduces a FILTER-card for the leaderboard among smaller QoL improvements:

• When the data is still available yet, we feature a new Skeleton-component with an artificial delay (1s) added on top to improve UX and display smooth transitions
• A filter-card features a new Select-component for choosing the timeframe to be displayed in the leaderboard. A timeframe is defined as a calendar week (monday-sunday). The options consist of the current as well as the last 4 weeks.
• The filter card is displayed to the left of the leaderboard or above it on small devices.

Screenshots (if applicable)

Checklist

General

• PR title is clear and descriptive
• PR description explains the purpose and changes
• Code follows project coding standards
• Self-review of the code has been done
• Changes have been tested locally
• Screenshots have been attached (if applicable)
• Documentation has been updated (if applicable)

Client (if applicable)

• UI changes look good on all screen sizes and browsers
• No console errors or warnings
• User experience and accessibility have been tested
• Added Storybook stories for new components
• Components follow design system guidelines (if applicable)

[milesha]

Looks good to me 👍🏼

[milesha]

Still looks good to me 👍🏼

[FelixTJDietrich]

Looks good!