Move domain zoneName into common advanced component

dashboard/src/views/SetupView.vue

@@ -200,14 +200,9 @@ onMounted(async () => {
               <small class="helper-text">Apps will be installed on subdomains of this domain. The dashboard will be available on the <b>my{{ domain ? `.${domain}` : '' }}</b> subdomain. You can add more domains later.</small>
             </FormGroup>
 
-            <DomainProviderForm :disabled="busy" v-model:provider="provider" v-model:dns-config="dnsConfig" v-model:tls-provider="tlsProvider" :domain="domain" :show-advanced="showAdvanced" />
+            <DomainProviderForm :disabled="busy" 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">DNS Zone Name (Optional) <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" placeholder="Defaults to TLD" />
-              </FormGroup>
-
               <!-- IPv4 provider -->
               <FormGroup>
                 <label class="control-label">IPv4 Configuration  <sup><a href="https://docs.cloudron.io/networking/#ip-configuration" class="help" target="_blank"><i class="fa fa-question-circle"></i></a></sup></label>
@@ -245,8 +240,7 @@ onMounted(async () => {
               </FormGroup>
             </div>
 
-            <div style="margin-top: 1.5em" class="actionable" @click="showAdvanced = false" v-if="showAdvanced">Hide Advanced settings</div>
-            <div style="margin-top: 1.5em" class="actionable" @click="showAdvanced = true" v-else>Advanced settings...</div>
+            <div v-if="!showAdvanced" style="margin-top: 15px" class="actionable" @click="showAdvanced = true">Advanced settings...</div>
           </fieldset>
         </form>