Test some way of hiding feature sections if upgrade is required

dashboard/src/components/ExternalLdap.vue

@@ -11,6 +11,8 @@ import { TASK_TYPES } from '../constants.js';
 const userDirectoryModel = UserDirectoryModel.create();
 const tasksModel = TasksModel.create();
 
+const subscriptionRequiredDialog = inject('subscriptionRequiredDialog');
+
 const availableProviders = [
   { name: 'Active Directory', value: 'ad' },
   { name: 'Cloudron', value: 'cloudron' },
@@ -301,11 +303,17 @@ onMounted(async () => {
       </div>
     </Dialog>
 
-    <Section :title="$t('users.externalLdap.title')">
+    <Section :title="$t('users.externalLdap.title')" :disabled="true">
       <template #header-buttons>
         <Button tool icon="fas fa-align-left" v-tooltip="$t('domains.renewCerts.showLogsAction')" :menu="taskLogsMenu" :disabled="!taskLogsMenu.length"/>
       </template>
 
+      <template #overlay>
+        <div style="display: flex; justify-content: center; align-items: center; height: 100%;">
+          <Button outline @click="subscriptionRequiredDialog.open()">Subscription Required</Button>
+        </div>
+      </template>
+
       <p>{{ $t('users.externalLdap.description') }}</p>
 
       <div>