feat(client): completion modal progress bar (#37775)

* feat: add progress bar to completion modal

* feat: add stuff

* feat: finalize-layout-and-make-responsive

* feat: add feature to all challenge templates

* git test

* fix: remove challenge title + enlarge top message

* fix: move graphql query to completion modal

* fix: remove some previous additions

* fix: optimize functions

* fix: removed isRequired flag

* feat: add animation

* feat: add interval to state + clear on unmount

* fix: change around interval function

* feat: make bar fill non-linearly

* Update client/src/templates/Challenges/components/CompletionModal.js

Co-Authored-By: Oliver Eyton-Williams <ojeytonwilliams@gmail.com>

* Update client/src/templates/Challenges/components/CompletionModal.js

Co-Authored-By: Oliver Eyton-Williams <ojeytonwilliams@gmail.com>

* Update client/src/templates/Challenges/components/CompletionModal.js

Co-Authored-By: Oliver Eyton-Williams <ojeytonwilliams@gmail.com>

* Update client/src/templates/Challenges/redux/index.js

Co-Authored-By: Oliver Eyton-Williams <ojeytonwilliams@gmail.com>

* Update client/src/templates/Challenges/redux/index.js

Co-Authored-By: Oliver Eyton-Williams <ojeytonwilliams@gmail.com>

* Update client/src/templates/Challenges/redux/index.js

Co-Authored-By: Oliver Eyton-Williams <ojeytonwilliams@gmail.com>

* Update client/src/templates/Challenges/redux/index.js

Co-Authored-By: Oliver Eyton-Williams <ojeytonwilliams@gmail.com>

* Update client/src/templates/Challenges/components/CompletionModalBody.js

Co-Authored-By: Oliver Eyton-Williams <ojeytonwilliams@gmail.com>

* Update client/src/templates/Challenges/components/CompletionModalBody.js

Co-Authored-By: Oliver Eyton-Williams <ojeytonwilliams@gmail.com>

* Update client/src/templates/Challenges/components/CompletionModalBody.js

Co-Authored-By: Oliver Eyton-Williams <ojeytonwilliams@gmail.com>

* fix: remove bracket

* fix: tweak animation + change to pure component

* fix: remove comment

* Update client/src/templates/Challenges/components/CompletionModalBody.js

Co-Authored-By: Oliver Eyton-Williams <ojeytonwilliams@gmail.com>

* Update client/src/templates/Challenges/components/CompletionModalBody.js

Co-Authored-By: Oliver Eyton-Williams <ojeytonwilliams@gmail.com>

* fix: remove animateProgress

* feat: add tests for progress bar

* feat: add working tests

Co-authored-by: ojeytonwilliams <ojeytonwilliams@gmail.com>

* fix: add formatting

* fix: use content selectors where possible

* fix: make progress bar show 0 for unauthed users

client/src/templates/Challenges/projects/backend/Show.js

@@ -236,7 +236,7 @@ export class BackEnd extends Component {
                 <TestSuite tests={tests} />
                 <Spacer />
               </Col>
-              <CompletionModal />
+              <CompletionModal blockName={blockName} />
               <HelpModal />
             </Row>
           </Grid>