restore: add ... animation

dashboard/src/views/SetupView.vue

@@ -8,6 +8,7 @@ import DomainsModel from '../models/DomainsModel.js';
 import ProvisionModel from '../models/ProvisionModel.js';
 import DomainProviderForm from '../components/DomainProviderForm.vue';
 import Whirlpool from '../components/Whirlpool.vue';
+import AnimatedDots from '../components/AnimatedDots.vue';
 
 const provisionModel = ProvisionModel.create();
 
@@ -175,7 +176,7 @@ onMounted(async () => {
       <div class="view" v-if="waitingForDnsSetup" style="max-width: unset; height: 100%;">
         <div style="display: flex; flex-direction: column; height: 100%; align-items: center;">
           <Whirlpool/>
-          <h1>Please wait while Cloudron is setting up the dashboard ...</h1>
+          <h1>Please wait while Cloudron is setting up the dashboard <AnimatedDots/></h1>
           <h4 style="margin-top: 0">{{ progressMessage }}</h4>
           <small>You can follow the logs on the server at <code @click="onCopyToClipboard('/home/yellowtent/platformdata/logs/box.log')">/home/yellowtent/platformdata/logs/box.log</code></small>
         </div>