Move help text to correct location

client/src/components/profile/JoinForm.vue

@@ -3,6 +3,12 @@
     <h1 data-cy="join-form-title">
       {{ title }}
     </h1>
+    <p
+      class="join-form__help-text small-emph"
+      v-if="helpText"
+    >
+      {{ helpText }}
+    </p>
     <div>
       <div class="skillboxform-input">
         <label
@@ -64,6 +70,10 @@ export default {
       type: String,
       default: 'Klasse beitreten',
     },
+    helpText: {
+      type: String,
+      default: undefined,
+    },
     labelText: {
       type: String,
       default: 'Zugangscode eingeben',
@@ -78,4 +88,11 @@ export default {
 
 <style scoped lang="scss">
 @import 'styles/helpers';
+
+.join-form {
+  &__help-text {
+    margin-bottom: $large-spacing;
+    font-family: $sans-serif-font-family;
+  }
+}
 </style>

client/src/pages/joinClass.vue

@@ -5,6 +5,7 @@
     title="Einer Klasse beitreten"
     ok-text="Klasse beitreten"
     cancel-text="Abmelden"
+    help-text="Den Zugangscode zur Klasse erhalten Sie von Ihrer Lehrperson."
     @input="updateCode"
     @cancel="logout"
     @confirm="joinClass"

client/src/pages/license-activation.vue

@@ -12,7 +12,6 @@
         @submit="validateBeforeSubmit"
       >
         <h2 class="license-activation__heading">Geben Sie einen Coupon-Code ein</h2>
-        <p class="license-activation__license-info info-header__text small-emph">Den Zugangscode zur Klasse erhalten Sie von Ihrer Lehrperson.</p>
         <Field
           :rules="required"
           name="coupon"