Исправление и доработка анимации React-компонента "Горизонтальная рулетка"

Суть задачи

Существует React-компонент, реализующий анимацию горизонтальной рулетки (карусели). Компонент получает пропс с целевым элементом, на котором необходимо осуществить остановку. Остановка должна происходить каждые 10 секунд при получении нового целевого элемента.

Требования к доработке

• Проанализировать существующий код компонента горизонтальной рулетки.
• Исправить или переработать логику анимации, чтобы обеспечить плавную и управляемую остановку на целевом элементе, переданном через пропс.
• Цикл работы: каждые 10 секунд компонент получает новый целевой элемент (например, ID игрока) → анимация рулетки плавно замедляется и останавливается на этом элементе → после остановки выполняется callback-функция (условное "кик").
• Анимация должна быть визуально гладкой, без рывков или резких скачков.
• Код должен быть чистым, соответствовать принципам React (использование состояний, эффектов).

Ожидаемый результат

Полностью рабочий React-компонент с исправленной анимацией. Рулетка должна корректно и плавно останавливаться на заданном элементе с периодичностью в 10 секунд, после чего инициировать связанное действие.