Choosing between useColorModeValue hook and responsive object syntax for dark‑mode styling in Next.js App Router
Goal: implement dark‑mode style values for a UI component in a Next.js 13+ App Router project that works correctly during server‑side rendering and updates instantly when the user toggles color mode, while keeping runtime cost low and avoiding hydration warnings. Constraint: the useColorModeValue hook provides live updates but can only be used in client comp