WEB-396:fix align heading and add button in address, family, and identities tabs (#2951)

Remove improper trackBy usage and fix type safety issues.

src/app/clients/clients-view/address-tab/address-tab.component.html

@@ -1,14 +1,17 @@
 <div class="tab-container mat-typography">
-  <h3>{{ 'labels.heading.Address' | translate }}</h3>
-
-  <div class="layout-row align-flex-end">
-    <button mat-raised-button color="primary" (click)="addAddress()">
-      <fa-icon icon="plus" class="m-r-10"></fa-icon>{{ 'labels.buttons.Add' | translate }}
-    </button>
+  <div class="layout-row align-start">
+    <div class="m-b-10">
+      <h3>{{ 'labels.heading.Address' | translate }}</h3>
+    </div>
+    <div class="action-button m-b-10 gap-25px">
+      <button mat-raised-button color="primary" (click)="addAddress()">
+        <fa-icon icon="plus" class="m-r-10"></fa-icon>{{ 'labels.buttons.Add' | translate }}
+      </button>
+    </div>
   </div>
 
   <mat-accordion>
-    @for (address of clientAddressData; track address; let i = $index) {
+    @for (address of clientAddressData; track address.addressId; let i = $index) {
       <mat-expansion-panel class="address">
         <mat-expansion-panel-header>
           <mat-panel-title>