website refactor

apps/website/ui/Toggle.tsx

@@ -1,7 +1,4 @@
-'use client';
-
-import React from 'react';
-import { motion, useReducedMotion } from 'framer-motion';
+import { motion } from 'framer-motion';
 import { Box } from './Box';
 import { Text } from './Text';
 
@@ -20,8 +17,6 @@ export function Toggle({
   description,
   disabled = false,
 }: ToggleProps) {
-  const shouldReduceMotion = useReducedMotion();
-
   return (
     <label className={`flex items-start justify-between cursor-pointer py-3 border-b border-charcoal-outline/50 last:border-b-0 ${disabled ? 'opacity-50 cursor-not-allowed' : ''}`}>
       <Box style={{ flex: 1, paddingRight: '1rem' }}>
@@ -48,7 +43,7 @@ export function Toggle({
             className="absolute inset-0 rounded-full bg-primary-blue"
             initial={{ boxShadow: '0 0 0px rgba(25, 140, 255, 0)' }}
             animate={{ boxShadow: '0 0 12px rgba(25, 140, 255, 0.4)' }}
-            transition={{ duration: shouldReduceMotion ? 0 : 0.2 }}
+            transition={{ duration: 0.2 }}
           />
         )}
         
@@ -65,7 +60,6 @@ export function Toggle({
             type: 'spring',
             stiffness: 500,
             damping: 30,
-            duration: shouldReduceMotion ? 0 : undefined,
           }}
         />
       </button>