Move domain zoneName into common advanced component

dashboard/src/components/DomainDialog.vue

@@ -112,16 +112,9 @@ defineExpose({
           <TextInput id="domainInput" v-model="domain" placeholder="example.com" :readonly="editing ? true : undefined" required />
         </FormGroup>
 
-        <DomainProviderForm v-model:provider="provider" v-model:dns-config="dnsConfig" v-model:tls-provider="tlsProvider" :domain="domain" :show-advanced="showAdvanced" />
-
-        <p style="margin-top: 15px" v-show="!showAdvanced" @click="showAdvanced = true" class="actionable">{{ $t('domains.domainDialog.advancedAction') }}</p>
+        <DomainProviderForm v-model:provider="provider" v-model:dns-config="dnsConfig" v-model:tls-provider="tlsProvider" v-model:zone-name="zoneName" :domain="domain" :show-advanced="showAdvanced" />
 
         <div v-show="showAdvanced">
-          <FormGroup>
-            <label for="zoneNameInput">{{ $t('domains.domainDialog.zoneName') }} <sup><a href="https://docs.cloudron.io/domains/#zone-name" class="help" target="_blank"><i class="fa fa-question-circle"></i></a></sup></label>
-            <TextInput id="zoneNameInput" v-model="zoneName" />
-          </FormGroup>
-
           <Checkbox v-model="customNameservers" :label="$t('domains.domainDialog.customNameservers')" />
 
           <!-- custom certificate -->
@@ -145,6 +138,8 @@ defineExpose({
             </div>
           </FormGroup>
         </div>
+
+        <div v-if="!showAdvanced" style="margin-top: 15px" class="actionable" @click="showAdvanced = true">{{ $t('domains.domainDialog.advancedAction') }}</div>
       </fieldset>
     </form>
   </Dialog>