Fill Blanks changes

src/components/TrainingContent/ExerciseWalkthrough.tsx

@@ -1,7 +1,7 @@
 import React, { useState, useEffect, useRef, useCallback } from 'react';
 import { animated } from '@react-spring/web';
 import { FaRegCirclePlay, FaRegCircleStop } from "react-icons/fa6";
-import HighlightedContent from './AnimatedHighlight';
+import HighlightContent from '../HighlightContent';
 import { ITrainingTip, SegmentRef, TimelineEvent } from './TrainingInterfaces';
 
 
@@ -267,7 +267,7 @@ const ExerciseWalkthrough: React.FC<ITrainingTip> = (tip: ITrainingTip) => {
                     <div className='flex-1 bg-white p-6 rounded-lg shadow'>
                         {/*<h2 className="text-xl font-bold mb-4">Question</h2>*/}
                         <div className="mb-4" dangerouslySetInnerHTML={{ __html: tip.exercise.question }} />
-                        <HighlightedContent html={tip.exercise.highlightable} highlightPhrases={highlightedPhrases} />
+                        <HighlightContent html={tip.exercise.highlightable} highlightPhrases={highlightedPhrases} />
                     </div>
                     <div className='flex-1'>
                         <div className='bg-gray-50 rounded-lg shadow'>