DEV: Add class name of action type for flag-action-type container (#23972)

app/assets/javascripts/discourse/app/components/flag-action-type.hbs

@@ -1,3 +1,4 @@
+<div class={{this.wrapperClassNames}}>
   {{#if this.isNotifyUser}}
     <h3>{{this.formattedName}}</h3>
     <div class="controls">
@@ -70,3 +71,4 @@
       </label>
     </div>
   {{/if}}
+</div>

app/assets/javascripts/discourse/app/components/flag-action-type.js

@@ -5,7 +5,12 @@ import discourseComputed from "discourse-common/utils/decorators";
 import I18n from "discourse-i18n";
 
 export default Component.extend({
-  classNames: ["flag-action-type"],
+  tagName: "",
+
+  @discourseComputed("flag.name_key")
+  wrapperClassNames(nameKey) {
+    return `flag-action-type ${nameKey}`;
+  },
 
   @discourseComputed("flag.name_key")
   customPlaceholder(nameKey) {