Cp/small fixes

[cmp5987]

What type of PR is this?

/kind feature

What this PR does / why we need it:

• We add graphql endpoint handling for production and development enviroments
• We change the content of the on finished output column to show current fished / total tasks.
• We changed the styling of finished output to have green background if all tasks are marked finished
• We added a react-code-block library four our quest task output
• We are using specifically 0.0.8 of react-code-block because newer versions break when using typescript

[hulto]

LGTM 200 dead files makes me sad but okay 😢
Makes sense that the library we're using doesn't expose anyway to utilize the light build.
Not maintaining a fork of the library just to support light builds makes sense especially since it's an actively maintained project.
I agree adding a larger more complicated library to solve this doesn't make sense. - Hopefully we can open an issue with the library and merge the fix in an upstream version.

[codecov]

Codecov Report

Merging #310 (c60b3c9) into main (0b820de) will not change coverage.
The diff coverage is n/a.

@@           Coverage Diff           @@
##             main     #310   +/-   ##
=======================================
  Coverage   74.85%   74.85%           
=======================================
  Files          94       94           
  Lines        6120     6120           
=======================================
  Hits         4581     4581           
  Misses       1452     1452           
  Partials       87       87           

📣 We’re building smart automated test selection to slash your CI/CD build times. Learn more