message: Moved title and helptext for optional fields inside check
diff: @@ -245,20 +245,25 @@ const AdvancedQuestionOptions = ({ item, parentArray }: AdvancedQuestionOptionsP
  />
  </FormField>
  </div>
  + {canTypeBeRepeatable(item) && (
  + <>
  <div className="horizontal full">
  <FormField
  label={t('Repetition')}
  sublabel={t('Choose whether the question group can be repeated')}
  ></FormField>
  </div>
  - {canTypeBeRepeatable(item) && (
  <FormField>
  <SwitchBtn
  onChange={(): void => {
  if (item.repeats) {
  removeItemExtension(
  item,
  - [IExtentionType.repeatstext, IExtentionType.minOccurs, IExtentionType.maxOccurs],
  + [
  + IExtentionType.repeatstext,
  + IExtentionType.minOccurs,
  + IExtentionType.maxOccurs,
  + ],
  dispatch,
  );
  }
  @@ -287,7 +292,9 @@ const AdvancedQuestionOptions = ({ item, parentArray }: AdvancedQuestionOptionsP
  <div className="horizontal equal">
  <FormField
  label={t('Min answers')}
  - sublabel={t('Enter the minimum number of times the question group can be repeated')}
  + sublabel={t(
  + 'Enter the minimum number of times the question group can be repeated',
  + )}
  >
  <input
  type="number"
  @@ -307,7 +314,9 @@ const AdvancedQuestionOptions = ({ item, parentArray }: AdvancedQuestionOptionsP
  </FormField>
  <FormField
  label={t('Max answers')}
  - sublabel={t('Enter the maximum number of times the question group can be repeated')}
  + sublabel={t(
  + 'Enter the maximum number of times the question group can be repeated',
  + )}
  >
  <input
  type="number"
  @@ -329,6 +338,7 @@ const AdvancedQuestionOptions = ({ item, parentArray }: AdvancedQuestionOptionsP
  </>
  )}
  </FormField>
  + </>
  )}
  <div className="horizontal full">
  <FormField
  @@ -360,14 +370,14 @@ const AdvancedQuestionOptions = ({ item, parentArray }: AdvancedQuestionOptionsP
  </FormField>
  </div>
  )}
  + {canTypeHaveHelp(item) && (
  + <>
  <div className="horizontal full">
  <FormField
  label={t('Help')}
  sublabel={t('Select whether you want to give the user a help text')}
  ></FormField>
  </div>
  - {canTypeHaveHelp(item) && (
  - <div>
  <FormField>
  <SwitchBtn onChange={() => dispatchHelpText()} value={!!helpTextItem} label={t('Help icon')} />
  </FormField>
  @@ -376,7 +386,7 @@ const AdvancedQuestionOptions = ({ item, parentArray }: AdvancedQuestionOptionsP
  <MarkdownEditor data={getHelpTextForItem()} onBlur={handleHelpText} />
  </FormField>
  )}
  - </div>
  + </>
  )}
  <FormField label={t('View')} sublabel={t('Choose if/where the component should be displayed')}>
  <RadioBtn
  