fix(client): display challenge completion status inline (#41006)

client/src/templates/Challenges/components/Challenge-Title.js

@@ -39,13 +39,13 @@ function ChallengeTitle({ block, children, isCompleted, superBlock }) {
       </div>
       <div className='challenge-title'>
         <b>{children}</b>
-      </div>
         {isCompleted ? (
           <GreenPass
             style={{ height: '15px', width: '15px', marginLeft: '7px' }}
           />
         ) : null}
       </div>
+    </div>
   );
 }
 

client/src/templates/Challenges/components/__snapshots__/ChallengeTitle.test.js.snap

@@ -34,7 +34,6 @@ exports[`<ChallengeTitle/> renders correctly 1`] = `
     <b>
       title text
     </b>
-  </div>
     <span
       className="sr-only"
     >
@@ -93,5 +92,6 @@ exports[`<ChallengeTitle/> renders correctly 1`] = `
         />
       </g>
     </svg>
+  </div>
 </div>
 `;