Added {{enable-developer-experiments}} helper

no issue

- removes the need to have component backing classes with the `config` service injected

app/components/gh-members-lab-setting.hbs

@@ -140,7 +140,7 @@
         {{/if}}
     </section>
 
-    {{#if (or this.config.enableDeveloperExperiments this.config.portal)}}
+    {{#if (or enable-developer-experiments this.config.portal)}}
         <section class="bb b--whitegrey pa5">
             <div class="flex justify-between">
                 <div>

app/components/modal-webhook-form.hbs

@@ -64,7 +64,7 @@
             <GhErrorMessage @errors={{this.webhook.errors}} @property="targetUrl" data-test-error="webhook-targetUrl" />
         </GhFormGroup>
     </fieldset>
-    {{#if this.config.enableDeveloperExperiments}}
+    {{#if enable-developer-experiments}}
         <fieldset>
             <GhFormGroup @errors={{this.webhook.errors}} @hasValidated={{this.webhook.hasValidated}} @property="secret">
                 <label for="webhook-secret" class="fw6">Secret</label>

app/components/modal-webhook-form.js

@@ -7,7 +7,6 @@ import {inject as service} from '@ember/service';
 import {task} from 'ember-concurrency';
 
 export default ModalComponent.extend({
-    config: service(),
     router: service(),
 
     availableEvents: null,

app/helpers/enable-developer-experiments.js

@@ -0,0 +1,10 @@
+import Helper from '@ember/component/helper';
+import {inject as service} from '@ember/service';
+
+export default Helper.extend({
+    config: service(),
+
+    compute() {
+        return this.config.get('enableDeveloperExperiments');
+    }
+});

lib/koenig-editor/addon/components/koenig-menu-content.hbs

@@ -3,7 +3,7 @@
         {{section.title}}
     </div>
     {{#each section.items as |item|}}
-        {{#if (or (not item.developerExperiment) (and item.developerExperiment config.enableDeveloperExperiments))}}
+        {{#if (or (not item.developerExperiment) (and item.developerExperiment enable-developer-experiments))}}
             <div class="{{if item.selected "kg-cardmenu-card-selected"}} {{kg-style "cardmenu-card"}}" onclick={{action itemClicked item}} data-kg="cardmenu-card" role="menuitem">
                 <div class="{{kg-style "cardmenu-icon"}} {{item.iconClass}}" aria-hidden="true">{{svg-jar item.icon class="w8 h8"}}</div>
                 <div class="{{kg-style "cardmenu-label"}}">{{item.label}}</div>

lib/koenig-editor/addon/components/koenig-menu-content.js

@@ -1,9 +1,6 @@
 import Component from '@ember/component';
-import {inject as service} from '@ember/service';
 
 export default Component.extend({
-    config: service(),
-
     tagName: '',
 
     itemSections: null,