fix(app): stop animations running under reduced motion (#1956)

fluxer_app/src/features/accessibility/components/NekoSprite.module.css

@@ -50,7 +50,7 @@
 }
 
 :global(html.reduced-motion) .heart {
-	animation: nekoHeartFade 0.8s ease-out forwards;
+	animation: nekoHeartFade 0.8s ease-out forwards !important;
 }
 
 @keyframes nekoHeartFade {

fluxer_app/src/features/channel/components/ChannelHeader.module.css

@@ -156,6 +156,11 @@
 	animation: callBannerRing 1.6s ease-in-out infinite;
 }
 
+:global(html.reduced-motion) .callBannerAvatarPending::before {
+	animation: none;
+	opacity: 0.7;
+}
+
 .callBannerAvatarPending .callBannerAvatar {
 	filter: grayscale(0.75);
 	opacity: 0.75;

fluxer_app/src/features/theme/styles/Typing.module.css

@@ -20,8 +20,8 @@
 }
 
 :global(html.reduced-motion) .dot {
-	animation-duration: 1s;
+	animation-duration: 1s !important;
-	animation-iteration-count: infinite;
+	animation-iteration-count: infinite !important;
 }
 
 :global(html:not(.window-focused):not(.unfocused-fully-interactive)) .dot {