Add Help Wanted uitklappertje (#234)

frontend/src/components/HelpWanted.vue

@@ -0,0 +1,23 @@
+<template>
+  <div>
+    <details class="rvo-expandable-text">
+      <summary class="rvo-expandable-text__summary">
+    <span
+      class="utrecht-icon rvo-icon rvo-icon-info rvo-icon--md rvo-icon--hemelblauw"
+      role="img"
+      aria-label="Info"
+    ></span>
+        Hulp nodig?
+      </summary>
+      <div class="rvo-expandable-text__details"
+           style="width: 55%">Je hebt aangegeven dat je hulp nodig hebt.
+        Voor advies kun je een e-mail sturen naar
+        <a class="rvo-link" href="mailto:[email protected]">
+          [email protected]
+        </a> of op de pleio-omgeving <a class="rvo-link" target="_blank" href="https://algoritmes.pleio.nl">
+          https://algoritmes.pleio.nl</a></div>
+    </details>
+  </div>
+</template>
+<script setup lang="ts">
+</script>

frontend/src/components/Question.vue

@@ -3,6 +3,7 @@ import BetaversionLabel from '@/components/betaversion-label.vue'
 import Sources from '@/components/Sources.vue'
 import { Answer } from '@/models/DecisionTree'
 import SubResult from '@/components/SubResult.vue'
+import HelpWanted from '@/components/HelpWanted.vue'
 
 interface Props {
   id: string
@@ -34,6 +35,7 @@ defineEmits(['answered', 'back'])
           <span v-html="question"></span>
           <slot />
         </p>
+        <HelpWanted style="margin-top: -2%; margin-bottom: 5%"/>
       </div>
 
       <!-- Answers section -->