[BUGFIX] Respect prefers-reduced-motion for notifications

Most modern operating systems allow to disable animations, also known
as "reduced motion", which is a very important accessibility feature
for people suffering from motion sickness.

In CSS Level 5, a media query `prefers-reduced-motion` is available to
check for this specific setting, if the browser can get the
configuration from the operating system (looking at you, Chrome and
GNOME).

With Bootstrap 5, `prefers-reduced-motion` is already in place,
disabling all animations caused by CSS. However, the notification
component is partially animated via JavaScript and thus the media query
wasn't taken into consideration and notifications were still animated.

The media query is now checked on JavaScript side as well to avoid
animating notifications.

Resolves: #98990
Releases: main, 11.5
Change-Id: Ic6ed35fb6ccf17b1fe7cd1970858e4abe2755f84
Reviewed-on: https://review.typo3.org/c/Packages/TYPO3.CMS/+/76403


Tested-by: core-ci <typo3@b13.com>
Tested-by: Anja Leichsenring <aleichsenring@ab-softlab.de>
Tested-by: Lina Wolf <112@linawolf.de>
Tested-by: Stefan Bürk <stefan@buerk.tech>
Reviewed-by: Markus Klein <markus.klein@typo3.org>
Reviewed-by: Anja Leichsenring <aleichsenring@ab-softlab.de>
Reviewed-by: Lina Wolf <112@linawolf.de>
Reviewed-by: Stefan Bürk <stefan@buerk.tech>