fix(web-ui): align dees-table props and action handlers in security profile and network target views

ts_web/elements/ops-view-securityprofiles.ts

@@ -67,7 +67,8 @@ export class OpsViewSecurityProfiles extends DeesElement {
       <div class="profilesContainer">
         <dees-statsgrid .tiles=${statsTiles}></dees-statsgrid>
         <dees-table
-          .heading=${'Security Profiles'}
+          .heading1=${'Security Profiles'}
+          .heading2=${'Reusable security configurations for routes'}
           .data=${profiles}
           .displayFunction=${(profile: interfaces.data.ISecurityProfile) => ({
             Name: profile.name,
@@ -88,7 +89,7 @@ export class OpsViewSecurityProfiles extends DeesElement {
               name: 'Create Profile',
               iconName: 'lucide:plus',
               type: ['header' as const],
-              action: async (_: any, table: any) => {
+              actionFunc: async (_: any, table: any) => {
                 await this.showCreateProfileDialog(table);
               },
             },
@@ -96,7 +97,7 @@ export class OpsViewSecurityProfiles extends DeesElement {
               name: 'Refresh',
               iconName: 'lucide:rotateCw',
               type: ['header' as const],
-              action: async () => {
+              actionFunc: async () => {
                 await appstate.profilesTargetsStatePart.dispatchAction(appstate.fetchProfilesAndTargetsAction, null);
               },
             },
@@ -104,7 +105,7 @@ export class OpsViewSecurityProfiles extends DeesElement {
               name: 'Edit',
               iconName: 'lucide:pencil',
               type: ['contextmenu' as const],
-              action: async (profile: interfaces.data.ISecurityProfile, table: any) => {
+              actionFunc: async (profile: interfaces.data.ISecurityProfile, table: any) => {
                 await this.showEditProfileDialog(profile, table);
               },
             },
@@ -112,7 +113,7 @@ export class OpsViewSecurityProfiles extends DeesElement {
               name: 'Delete',
               iconName: 'lucide:trash2',
               type: ['contextmenu' as const],
-              action: async (profile: interfaces.data.ISecurityProfile) => {
+              actionFunc: async (profile: interfaces.data.ISecurityProfile) => {
                 await this.deleteProfile(profile);
               },
             },