feat: implement share account actions, view components, and pending checker tasks

src/app/shares/shares-account-view/passbook-tab/passbook-tab.component.ts

@@ -14,6 +14,7 @@ import { CurrencyPipe } from '@angular/common';
 import { MatIcon } from '@angular/material/icon';
 import { DateFormatPipe } from '../../../pipes/date-format.pipe';
 import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
+import { isSettledShareTransaction } from 'app/shares/share-transactions.util';
 
 /**
  * Share Account Passbook — a printable, chronological (oldest-first) ledger of every
@@ -81,9 +82,7 @@ export class SharesPassbookTabComponent implements OnInit {
       this.totalApprovedShares = account.summary?.totalApprovedShares || 0;
       this.currentMarketPrice = account.currentMarketPrice || 0;
 
-      const transactions = (account.purchasedShares || []).filter(
-        (transaction: any) => transaction.type.value !== 'Charge Payment'
-      );
+      const transactions = (account.purchasedShares || []).filter(isSettledShareTransaction);
       this.allTransactions = this.recalculateRunningBalances(this.sortAscending(transactions));
       this.filteredTransactions = [...this.allTransactions];
     });