feat: Pending and Rejected account tabs in Approval Center with tasks service

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

src/app/tasks/checker-inbox-and-tasks-tabs/rejected-account/rejected-account.component.html

@@ -83,7 +83,12 @@
         </ng-container>
 
         <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
-        <tr mat-row *matRowDef="let row; columns: displayedColumns" class="table-row"></tr>
+        <tr
+          mat-row
+          *matRowDef="let row; columns: displayedColumns"
+          (click)="navigateToAccount(row)"
+          class="table-row"
+        ></tr>
       </table>
     </div>
   }

src/app/tasks/checker-inbox-and-tasks-tabs/rejected-account/rejected-account.component.scss

@@ -63,6 +63,14 @@ $text-muted: #64748b;
   }
 }
 
+.table-row {
+  cursor: pointer;
+
+  &:hover td {
+    background: #f8fafc;
+  }
+}
+
 .type-badge {
   display: inline-flex;
   align-items: center;

src/app/tasks/checker-inbox-and-tasks-tabs/rejected-account/rejected-account.component.ts

@@ -7,7 +7,7 @@
  */
 
 import { Component, inject } from '@angular/core';
-import { ActivatedRoute } from '@angular/router';
+import { ActivatedRoute, Router } from '@angular/router';
 import {
   MatTableDataSource,
   MatTable,
@@ -47,6 +47,7 @@ import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
 })
 export class RejectedAccountComponent {
   private route = inject(ActivatedRoute);
+  private router = inject(Router);
 
   dataSource: MatTableDataSource<any>;
   showData = false;
@@ -72,6 +73,23 @@ export class RejectedAccountComponent {
     });
   }
 
+  navigateToAccount(account: any): void {
+    const clientId = account.clientId;
+    const accountId = account.id;
+    const depositTypeId = account.depositType?.id;
+    let path: string;
+    if (account.accountType === 'Current') {
+      path = `/clients/${clientId}/current-accounts/${accountId}`;
+    } else if (depositTypeId === 200) {
+      path = `/clients/${clientId}/fixed-deposits-accounts/${accountId}`;
+    } else if (depositTypeId === 300) {
+      path = `/clients/${clientId}/recurring-deposits-accounts/${accountId}`;
+    } else {
+      path = `/clients/${clientId}/savings-accounts/${accountId}`;
+    }
+    this.router.navigate([path]);
+  }
+
   applyFilter(filterValue: string = '') {
     this.dataSource.filter = filterValue.trim().toLowerCase();
   }