Fix: Code blocks overflowing parents

Fix: Allow quiz response code block to overflow-y to a scroll

client/src/components/layouts/global.css

@@ -388,6 +388,7 @@ code {
   color: var(--tertiary-color);
   border-radius: 0px;
   font-family: 'Roboto Mono', monospace;
+  overflow-wrap: anywhere;
 }
 
 .panel {

client/src/components/layouts/prism.css

@@ -7,6 +7,10 @@ pre[class*='language-'] {
   background: var(--primary-background);
 }
 
+pre[class*='language'] code[class*='language-'] {
+  white-space: nowrap;
+}
+
 * {
   text-shadow: none !important;
 }

client/src/templates/Challenges/video/show.css

@@ -37,6 +37,7 @@
 .video-quiz-options > label {
   margin: 0;
   align-items: center;
+  overflow-x: scroll;
 }
 
 .video-quiz-option-label {