fix(clerk-js): Update usePrefersReducedMotion initial value

Author: alexcarpenter

packages/clerk-js/src/ui/hooks/usePrefersReducedMotion.ts

@@ -3,7 +3,13 @@ import { useEffect, useState } from 'react';
 const mediaQueryNoPreference = '(prefers-reduced-motion: no-preference)';
 
 export function usePrefersReducedMotion() {
-  const [prefersReducedMotion, setPrefersReducedMotion] = useState(true);
+  // Get the correct initial value instead of defaulting to true
+  const getInitialValue = () => {
+    if (typeof window === 'undefined') return true; // SSR fallback
+    return !window.matchMedia(mediaQueryNoPreference).matches;
+  };
+
+  const [prefersReducedMotion, setPrefersReducedMotion] = useState(getInitialValue);
 
   useEffect(() => {
     const mediaQueryList = window.matchMedia(mediaQueryNoPreference);