merge angular-17 into dev to upgrade from Angular v16 to v17

src/app/clients/clients-view/client-actions/client-actions.component.ts

@@ -24,6 +24,7 @@ export class ClientActionsComponent {
     'Accept Transfer': boolean;
     'Reject Transfer': boolean;
     Reactivate: boolean;
+    Activate: boolean;
     'Undo Rejection': boolean;
     'Add Charge': boolean;
     'Take Survey': boolean;
@@ -41,6 +42,7 @@ export class ClientActionsComponent {
     'Accept Transfer': false,
     'Reject Transfer': false,
     Reactivate: false,
+    Activate: false,
     'Undo Rejection': false,
     'Add Charge': false,
     'Take Survey': false,
@@ -57,7 +59,7 @@ export class ClientActionsComponent {
     private router: Router
   ) {
     this.router.routeReuseStrategy.shouldReuseRoute = () => false;
-    const name = this.route.snapshot.params['name'];
+    const name = this.route.snapshot.params['name'] as keyof typeof this.actions;
     this.actions[name] = true;
   }
 }

src/app/clients/clients-view/client-actions/take-survey/take-survey.component.ts

@@ -72,7 +72,7 @@ export class TakeSurveyComponent {
 
   // TODO: document the function
   groupBy(array: any, func: any) {
-    const groups = {};
+    const groups: { [key: string]: any[] } = {};
     array.forEach((ele: any) => {
       const group = JSON.stringify(func(ele));
       groups[group] = groups[group] || [];

src/app/clients/clients-view/family-members-tab/add-family-member/add-family-member.component.html

@@ -39,7 +39,7 @@
       </mat-form-field>
 
       <mat-checkbox formControlName="isDependent" labelPosition="before" class="flex-50-minus-25px">
-        >{{ 'labels.inputs.Is Dependent' | translate }}?
+        {{ 'labels.inputs.Is Dependent' | translate }}?
       </mat-checkbox>
 
       <mat-form-field class="flex-50-minus-25px">