feat(client): add transcript option in fill in the blank challenges (#58022)

client/src/templates/Challenges/fill-in-the-blank/show.tsx

@@ -21,6 +21,7 @@ import ChallegeExplanation from '../components/challenge-explanation';
 import CompletionModal from '../components/completion-modal';
 import HelpModal from '../components/help-modal';
 import FillInTheBlanks from '../components/fill-in-the-blanks';
+import ChallengeTranscript from '../components/challenge-transcript';
 import PrismFormatted from '../components/prism-formatted';
 import {
   challengeMounted,
@@ -81,6 +82,7 @@ const ShowFillInTheBlank = ({
         description,
         instructions,
         explanation,
+        transcript,
         superBlock,
         block,
         translationPending,
@@ -212,6 +214,8 @@ const ShowFillInTheBlank = ({
             {scene && <Scene scene={scene} sceneSubject={sceneSubject} />}
 
             <Col md={8} mdOffset={2} sm={10} smOffset={1} xs={12}>
+              {transcript && <ChallengeTranscript transcript={transcript} />}
+
               {instructions && (
                 <>
                   <PrismFormatted text={instructions} />
@@ -293,6 +297,7 @@ export const query = graphql`
             feedback
           }
         }
+        transcript
         scene {
           setup {
             background