Move domain zoneName into common advanced component

dashboard/src/components/DomainProviderForm.vue

@@ -27,6 +27,7 @@ defineProps({
 const provider = defineModel('provider');
 const dnsConfig = defineModel('dnsConfig');
 const tlsProvider = defineModel('tlsProvider');
+const zoneName = defineModel('zoneName');
 
 const tlsProviders = [
   { name: 'Let\'s Encrypt Prod', value: 'letsencrypt-prod' },
@@ -305,6 +306,11 @@ function onGcdnsFileInputChange(event) {
       <MaskedInput id="inwxPasswordInput" v-model="dnsConfig.password" required />
     </FormGroup>
 
+    <FormGroup v-if="showAdvanced">
+      <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>
+
     <FormGroup v-if="showAdvanced">
       <label>Certificate Provider <sup><a href="https://docs.cloudron.io/certificates/#certificate-providers" class="help" target="_blank"><i class="fa fa-question-circle"></i></a></sup></label>
       <SingleSelect v-model="tlsProvider" :options="tlsProviders" option-key="value" option-label="name"/>