FIX: disabled option for sk was not working correctly (#10900)

Name was incorrect and it was only removing cursor events and not changing style.

app/assets/javascripts/select-kit/addon/components/select-kit.js

@@ -42,7 +42,7 @@ export default Component.extend(
     classNameBindings: [
       "selectKit.isLoading:is-loading",
       "selectKit.isExpanded:is-expanded",
-      "selectKit.isDisabled:is-disabled",
+      "selectKit.options.disabled:is-disabled",
       "selectKit.isHidden:is-hidden",
       "selectKit.hasSelection:has-selection",
     ],
@@ -178,8 +178,6 @@ export default Component.extend(
     didUpdateAttrs() {
       this._super(...arguments);
 
-      this.set("selectKit.isDisabled", this.isDisabled || false);
-
       this.handleDeprecations();
     },
 
@@ -985,7 +983,7 @@ export default Component.extend(
         allowUncategorized: "options.allowUncategorized",
         none: "options.none",
         rootNone: "options.none",
-        isDisabled: "options.isDisabled",
+        disabled: "options.disabled",
         rootNoneLabel: "options.none",
         showFullTitle: "options.showFullTitle",
         title: "options.translatedNone",

app/assets/stylesheets/common/select-kit/single-select.scss

@@ -14,4 +14,10 @@
       border-color: var(--tertiary);
     }
   }
+
+  &.is-disabled {
+    .select-kit-header {
+      opacity: 0.5;
+    }
+  }
 }