Animation resets when you change animationSpeedBase

[MatixYo]

Bug Description

When the animationSpeedBase prop of the react-ai-orb component is updated dynamically, the orb’s animation resets instead of adjusting smoothly. This results in a visual disruption, as the animation restarts from its initial state rather than continuing seamlessly.

Steps to Reproduce

1. Render the Orb component with an initial animationSpeedBase value.
2. After a certain event or time delay, update the animationSpeedBase prop to a different value.
3. Observe that the orb’s animation resets upon changing the animationSpeedBase value.

Expected Behavior

Updating the animationSpeedBase prop should smoothly adjust the animation speed without resetting or restarting the animation sequence.

Actual Behavior

Upon changing the animationSpeedBase prop, the orb’s animation resets, causing a visual disruption in the animation flow.

Suggested Solution

Implement Smooth Transitions: Instead of directly changing the animation speed, consider implementing a mechanism that smoothly transitions between speeds without resetting the animation.