Move no app matches placeholder above the list and grid to avoid jumping

dashboard/src/views/AppsView.vue

@@ -280,6 +280,10 @@ onDeactivated(() => {
       <ProgressBar mode="indeterminate" :show-label="false" :slim="true"/>
     </div>
     <div v-else>
+      <div v-if="apps.length && filteredApps.length === 0" class="no-matches-placeholder">
+        {{ $t('apps.noMatchesPlaceholder') }}
+      </div>
+
       <TransitionGroup name="grid-animation" tag="div" class="grid" v-if="viewType === VIEW_TYPE.GRID">
         <a v-for="app in filteredApps" :key="app.id" class="grid-item" @click="onOpenApp(app, $event)" :href="'https://' + app.fqdn" target="_blank">
           <img :alt="app.label || app.subdomain || app.fqdn" :src="app.iconUrl" v-fallback-image="API_ORIGIN + '/img/appicon_fallback.png'"/>
@@ -353,9 +357,6 @@ onDeactivated(() => {
           <h5>{{ $t('apps.noAccess.description') }}</h5>
         </div>
       </div>
-      <div v-else-if="filteredApps.length === 0" class="no-matches-placeholder">
-        {{ $t('apps.noMatchesPlaceholder') }}
-      </div>
     </div>
   </div>
 </template>