fix: uepr-38: debug modal description and image preload

Author: KManolov3

src/components/debug-modal/debug-modal.jsx

@@ -31,6 +31,13 @@ const logTopicChange = topicIndex => {
 const DebugModal = ({isOpen, onClose = () => {}}) => {
     const [selectedTopicIndex, setSelectedTopicIndex] = useState(0);
 
+    // Preload images
+    useEffect(() => {
+        sections.forEach(section => {
+            new Image().src = section.image;
+        });
+    }, []);
+
     const handleNext = useCallback(() => {
         if (selectedTopicIndex < sections.length - 1) {
             setSelectedTopicIndex(selectedTopicIndex + 1);

src/components/debug-modal/sections/sections.jsx

@@ -102,7 +102,7 @@ export const sections = [
         description: <div>
             <p><FormattedMessage {...messages.checkTheValuesDescription1} /></p>
             <ul>
-                <li><FormattedMessage {...messages.checkCodeSequenceDescription2} /></li>
+                <li><FormattedMessage {...messages.checkTheValuesDescription2} /></li>
                 <li><FormattedMessage {...messages.checkTheValuesDescription3} /></li>
             </ul>
         </div>,