Spring Physics for Rotation
Rotation between grouped icons should use spring physics for natural motion.
Incorrect (duration-based rotation):
<motion.g animate={{ rotate: rotation }} transition={{ duration: 0.3 }} />Correct (spring rotation):
const rotation = useSpring(definition.rotation ?? 0, activeTransition);
<motion.g style={{ rotate: rotation, transformOrigin: "center" }} />