DEV: Show active categories in form templates customize table (#20498)

app/assets/javascripts/admin/addon/components/form-template/row-item.hbs

@@ -1,5 +1,10 @@
 <tr class="admin-list-item">
   <td class="col first">{{@template.name}}</td>
+  <td class="col categories">
+    {{#each this.activeCategories as |category|}}
+      {{category-link category}}
+    {{/each}}
+  </td>
   <td class="col action">
     <DButton
       @title="admin.form_templates.list_table.actions.view"

app/assets/javascripts/admin/addon/components/form-template/row-item.js

@@ -9,6 +9,13 @@ import I18n from "I18n";
 export default class FormTemplateRowItem extends Component {
   @service router;
   @service dialog;
+  @service site;
+
+  get activeCategories() {
+    return this.site?.categories?.filter((c) =>
+      c["form_template_ids"].includes(this.args.template.id)
+    );
+  }
 
   @action
   viewTemplate() {

app/assets/javascripts/admin/addon/templates/customize-form-templates-index.hbs

@@ -7,6 +7,9 @@
         <th class="col heading">
           {{i18n "admin.form_templates.list_table.headings.name"}}
         </th>
+        <th class="col heading">
+          {{i18n "admin.form_templates.list_table.headings.active_categories"}}
+        </th>
         <th class="col heading sr-only">
           {{i18n "admin.form_templates.list_table.headings.actions"}}
         </th>