Use help-url in Checkbox

dashboard/src/views/ActivationView.vue

@@ -114,11 +114,7 @@ onMounted(async () => {
             <small class="text-danger">{{ formError.password }}</small>
           </FormGroup>
 
-          <Checkbox v-model="acceptLicense" id="acceptLicenseInput" style="display: inline-flex;" required>
-            <label for="acceptLicenseInput" class="pankow-checkbox-input-label">Accept Cloudron License
-              <sup style="margin-left: 4px"><a href="https://www.cloudron.io/legal/terms.html" target="_blank"><i class="fa fa-question-circle"></i></a></sup>
-            </label>
-          </Checkbox>
+          <Checkbox v-model="acceptLicense" helpUrl="https://www.cloudron.io/legal/terms.html" required />
         </fieldset>
 
         <div class="actions">

dashboard/src/views/UserDirectoryLdapServerView.vue

@@ -85,7 +85,7 @@ onMounted(async () => {
         <fieldset :disabled="busy">
           <input style="display: none" type="submit" :disabled="busy || !isValid" />
 
-          <Checkbox v-model="enabled" :label="$t('users.exposedLdap.enabled')" style="display: inline-flex; margin-right: 6px;"/><sup><a href="https://docs.cloudron.io/user-directory/#ldap-directory-server" class="help" target="_blank"><i class="fa fa-question-circle"></i></a></sup>
+          <Checkbox v-model="enabled" :label="$t('users.exposedLdap.enabled')" help-url="https://docs.cloudron.io/user-directory/#ldap-directory-server"/>
 
           <FormGroup>
             <label for="ldapUrlInput">{{ $t('users.exposedLdap.secret.url') }}</label>