Show hint text on nurse-facing health answers

Author: paulrobertlloyd

app/assets/stylesheets/core/elements/_index.scss

@@ -1,7 +1,7 @@
 @use "../../vendor/nhsuk-frontend" as *;
 
 blockquote {
-  border-left: $nhsuk-border-width solid $nhsuk-border-colour;
+  border-left: $nhsuk-border-width solid nhsuk-colour("blue");
   margin-left: 0;
   padding: nhsuk-spacing(2);
   padding-left: nhsuk-spacing(3);

app/globals.js

@@ -233,13 +233,17 @@ export default () => {
         html += formatHealthAnswer(healthAnswer)
       }
 
-      const keyText = parentFacing
+      let keyText = parentFacing
         ? healthQuestions[key].label.replace('the child', 'your child')
-        : healthQuestions[key].label
+        : `<p class="nhsuk-body nhsuk-u-margin-bottom-1">${healthQuestions[key].label}</p>`
+
+      if (!parentFacing && healthQuestions[key].hint) {
+        keyText += `<p class="nhsuk-hint nhsuk-u-font-size-16">${healthQuestions[key].hint}</p>`
+      }
 
       summaryRows.push({
         classes: undefined,
-        key: { text: keyText },
+        key: { html: keyText },
         value: { html },
         ...(edit && {
           actions: {