feat(deployment): Implement Deployment and DeploymentManager classes with CRUD operations and service integration

ts_web/elements/cloudly-view-secretgroups.ts

@@ -8,18 +8,16 @@ import * as appstate from '../appstate.js';
 @customElement('cloudly-view-secretsgroups')
 export class CloudlyViewSecretGroups extends DeesElement {
   @state()
-  private data: appstate.IDataState = {
-    secretGroups: [],
-    secretBundles: [],
-  };
+  private data: appstate.IDataState = {};
 
   constructor() {
     super();
-    appstate.dataState
+    const subscription = appstate.dataState
       .select((stateArg) => stateArg)
       .subscribe((dataArg) => {
         this.data = dataArg;
       });
+    this.rxSubscriptions.push(subscription);
   }
 
   public static styles = [
@@ -36,7 +34,7 @@ export class CloudlyViewSecretGroups extends DeesElement {
       <dees-table
         heading1="SecretGroups"
         heading2="decoded in client"
-        .data=${this.data.secretGroups}
+        .data=${this.data.secretGroups || []}
         .displayFunction=${(secretGroup: plugins.interfaces.data.ISecretGroup) => {
           return {
             name: secretGroup.data.name,