save saving ui update and current account update priview section

src/app/deposits/recurring-deposits/recurring-deposits-account-stepper/recurring-deposits-account-details-step/recurring-deposits-account-details-step.component.ts

@@ -105,6 +105,8 @@ export class RecurringDepositsAccountDetailsStepComponent implements OnInit {
     clientCif: string;
     sharePercentage: number;
     isMandatory: boolean;
+    signingAuthority?: string;
+    role?: string;
   }> = [];
 
   modeOfOperation = '';
@@ -147,7 +149,12 @@ export class RecurringDepositsAccountDetailsStepComponent implements OnInit {
   guardianRelationship = '';
   minorDob: Date | null = null;
 
-  readonly guardianRelationshipOptions = ['Father', 'Mother', 'Legal Guardian', 'Court Appointed Guardian'];
+  readonly guardianRelationshipOptions = [
+    'Father',
+    'Mother',
+    'Legal Guardian',
+    'Court Appointed Guardian'
+  ];
 
   // ── Deposit Account Link ───────────────────────────────────────────────
   dalSelectedType: 'SAVINGS' | 'CURRENT' | null = null;
@@ -212,7 +219,9 @@ export class RecurringDepositsAccountDetailsStepComponent implements OnInit {
         this.dalLoading = false;
         this.cdr.detectChanges();
       },
-      error: () => { this.dalLoading = false; }
+      error: () => {
+        this.dalLoading = false;
+      }
     });
   }
 
@@ -319,8 +328,14 @@ export class RecurringDepositsAccountDetailsStepComponent implements OnInit {
    */
   createRecurringDepositsAccountDetailsForm() {
     this.recurringDepositAccountDetailsForm = this.formBuilder.group({
-      productId: ['', Validators.required],
-      submittedOnDate: ['', Validators.required],
+      productId: [
+        '',
+        Validators.required
+      ],
+      submittedOnDate: [
+        '',
+        Validators.required
+      ],
       fieldOfficerId: [''],
       externalId: [''],
       balanceSwapOption: [false],
@@ -424,7 +439,9 @@ export class RecurringDepositsAccountDetailsStepComponent implements OnInit {
           alert(`Account holder with CIF ${result.clientCif} is already added.`);
           return;
         }
-        this.jointHolders = [...this.jointHolders, { ...result, isMandatory: false }];
+        this.jointHolders = [
+          ...this.jointHolders,
+          { ...result, isMandatory: false }];
         this.autoSetModeOfOperation();
       }
     });
@@ -490,7 +507,9 @@ export class RecurringDepositsAccountDetailsStepComponent implements OnInit {
           clientCif: this.primaryClientCif,
           sharePercentage: this.primaryHolderShare,
           isMandatory: true,
-          isPrimary: true
+          isPrimary: true,
+          signingAuthority: 'Mandatory',
+          role: 'Primary Account Holder'
         },
         ...this.jointHolders.map((h) => ({
           clientId: h.clientId,
@@ -498,7 +517,9 @@ export class RecurringDepositsAccountDetailsStepComponent implements OnInit {
           clientCif: h.clientCif,
           sharePercentage: h.sharePercentage,
           isMandatory: h.isMandatory,
-          isPrimary: false
+          isPrimary: false,
+          signingAuthority: h.signingAuthority || (h.isMandatory ? 'Mandatory' : 'Optional'),
+          role: h.role || 'Co-Holder'
         }))
       ];
     }