[FEAT] Add support for prefers-reduced-motion in components

[jannik-busch]

Description
The prefers-reduced-motion CSS media feature detects if a user has enabled a device setting to minimize non-essential motion. This setting signals the browser that the user prefers an interface that reduces, removes, or replaces motion-based animations.

Motion-heavy animations, such as scaling or panning large objects, can cause discomfort for individuals with vestibular motion disorders, making this an important accessibility feature.

Proposal
In client components, detect if the user prefers reduced motion using CSS or JavaScript with a Media Query.

For example:

if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) {
  // Disable animations or provide alternative UI
}

Whenever animations are used, they should be disabled or replaced when the prefers-reduced-motion setting is detected.

Acceptance Criteria

• Animations and movement-based interactions are disabled when the user has set their preference for reduced motion.