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

src/app/shares/shares-account-actions/approve-shares/approve-shares.component.html

@@ -26,6 +26,29 @@
         <td mat-cell *matCellDef="let share">{{ share.purchasedPrice }}</td>
       </ng-container>
 
+      <ng-container matColumnDef="amount">
+        <th mat-header-cell *matHeaderCellDef>{{ 'labels.inputs.Amount' | translate }}</th>
+        <td mat-cell *matCellDef="let share">{{ trancheAmount(share) | number: '1.2-2' }}</td>
+      </ng-container>
+
+      <!-- The board resolution authorising this particular tranche, captured on the apply form. -->
+      <ng-container matColumnDef="resolution">
+        <th mat-header-cell *matHeaderCellDef>{{ 'labels.inputs.Resolution Number' | translate }}</th>
+        <td mat-cell *matCellDef="let share">
+          {{ share.resolutionNumber || '—' }}
+          @if (share.meetingDate) {
+            <span class="resolution-date">({{ share.meetingDate | dateFormat }})</span>
+          }
+        </td>
+      </ng-container>
+
+      <!-- Cash means the money is already in Share Sundry against a voucher; Savings means it was
+           debited from the member when the request was raised. Either way approval moves it out. -->
+      <ng-container matColumnDef="fundingSource">
+        <th mat-header-cell *matHeaderCellDef>{{ 'labels.inputs.Payment Option' | translate }}</th>
+        <td mat-cell *matCellDef="let share">{{ fundingLabel(share) || '—' }}</td>
+      </ng-container>
+
       <ng-container matColumnDef="status">
         <th mat-header-cell *matHeaderCellDef>{{ 'labels.inputs.Status' | translate }}</th>
         <td mat-cell *matCellDef="let share">