style(a11y): add prefers-reduced-motion media query

Disables animations and transitions for users who have requested
reduced motion, improving accessibility compliance.

Author: OnCloud125252

app/styles/globals.css

@@ -143,6 +143,17 @@ body {
   }
 }
 
+@media (prefers-reduced-motion: reduce) {
+  *,
+  *::before,
+  *::after {
+    animation-duration: 0.01ms !important;
+    animation-iteration-count: 1 !important;
+    transition-duration: 0.01ms !important;
+    scroll-behavior: auto !important;
+  }
+}
+
 @layer utilities {
   /* Scrollbar utilities */
   .scrollbar-hide::-webkit-scrollbar {