fix(classiques): reduce stops marquee scroll speed by 60% (duration 25s)

src/components/MarqueeText.js

@@ -1,11 +1,13 @@
 import React, { useRef, useState, useEffect } from 'react';
 import './MarqueeText.css';
 
-const MarqueeText = ({ text, className, style }) => {
+const MarqueeText = ({ text, className, style, duration = '10s' }) => {
   const containerRef = useRef(null);
   const textRef = useRef(null);
   const [isOverflowing, setIsOverflowing] = useState(false);
 
+  const formattedDuration = typeof duration === 'number' ? `${duration}s` : duration;
+
   useEffect(() => {
     const checkOverflow = () => {
       if (containerRef.current && textRef.current) {
@@ -24,7 +26,7 @@ const MarqueeText = ({ text, className, style }) => {
         ref={textRef} 
         style={{ 
           display: 'inline-block', 
-          animation: isOverflowing ? 'marquee-scroll 10s linear infinite' : 'none',
+          animation: isOverflowing ? `marquee-scroll ${formattedDuration} linear infinite` : 'none',
           paddingLeft: isOverflowing ? '100%' : '0',
           fontSize: 'inherit',
           fontWeight: 'inherit',

src/pages/afficheurs/classiques/ClassiquesArrivees.js

@@ -1314,6 +1314,7 @@ export default function ClassiquesArrivees(){
             <div className="aff-classiques-arrivees__sub-stops">
               <MarqueeText
                 className="aff-classiques-arrivees__sub-stops-marquee"
+                duration="25s"
                 text={
                   <span className="aff-classiques-arrivees__stops-chain">
                     {stopsList.map((stopName, sIdx) => (

src/pages/afficheurs/classiques/ClassiquesDeparts.js

@@ -1311,6 +1311,7 @@ export default function ClassiquesDeparts(){
             <div className="aff-classiques-departs__sub-stops">
               <MarqueeText
                 className="aff-classiques-departs__sub-stops-marquee"
+                duration="25s"
                 text={
                   <span className="aff-classiques-departs__stops-chain">
                     {stopsList.map((stopName, sIdx) => (