feat(investment,reconciliation): add Export to Excel across Investment, fix export popup

Adds a shared Export to Excel utility (investment-export.ts) and wires it
into every listing/report screen in the Investment module — Dashboard
(break-up + allocation), Reports (all ~20 report shapes), Interest (per
active tab), the FD/Bond/Share Holdings registers, and Masters (per active
master tab). Entry/transaction forms intentionally have no export button.
No sign-off is included here, matching the request to keep that feature
reconciliation-only.

Also fixes the Reconciliation export flow: the Prepared/Checked/Approved
sign-off is now an optional one-off popup shown when "Export to Excel" is
clicked (fields are blank by default and downloading works whether or not
they're filled), replacing the earlier always-visible sign-off card. Also
fixes three reconciliation reports (Sundry Dr/Cr, NEFT/RTGS, UDIR) whose
labels contain "/" — an Excel-forbidden worksheet-name character — which
was silently aborting their export.

src/app/investment/share-investment/share-investment.component.html

@@ -15,6 +15,13 @@
         Equity and cooperative-society share holdings — Purchase, Dividend, Sell and Write-off entries.
       </p>
     </div>
+    @if (activeTab === 'holdings') {
+      <div class="pg-toolbar">
+        <button type="button" class="pg-btn pg-btn--ghost" [disabled]="generating" (click)="exportExcel()">
+          {{ generating ? 'Exporting…' : 'Export to Excel' }}
+        </button>
+      </div>
+    }
   </header>
 
   <div class="cctr-tabs">

src/app/investment/share-investment/share-investment.component.ts

@@ -10,6 +10,7 @@ import { Component } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { FormsModule } from '@angular/forms';
 import { SHARE_HOLDINGS, ALL_TXNS, InvestmentHolding, InvestmentTxn, todayDDMMYYYY } from '../investment-data';
+import { exportWorkbook } from '../investment-export';
 
 type ShareTab = 'holdings' | 'purchase' | 'dividend' | 'sell' | 'writeoff';
 
@@ -50,6 +51,7 @@ export class ShareInvestmentComponent {
   holdings: InvestmentHolding[] = [...SHARE_HOLDINGS];
   txns: InvestmentTxn[] = ALL_TXNS.filter((t) => t.instrumentType === 'SHARE');
 
+  generating = false;
   toastMsg = '';
   toastVisible = false;
   private toastTimer: ReturnType<typeof setTimeout> | undefined;
@@ -252,6 +254,59 @@ export class ShareInvestmentComponent {
     return `inv-badge inv-badge--${h.status.toLowerCase()}`;
   }
 
+  // -------------------- Export to Excel (Holdings register) --------------------
+  async exportExcel(): Promise<void> {
+    this.generating = true;
+    try {
+      await exportWorkbook(
+        [
+          {
+            sheetName: 'Share Holdings',
+            title: 'Share Holdings Register',
+            subtitle: `As on ${this.asOnDate}`,
+            headers: [
+              'Cert No',
+              'Script',
+              'Party',
+              'Units',
+              'Purchase Rate',
+              'Face Value',
+              'Purchase Date',
+              'Status'
+            ],
+            widths: [
+              14,
+              24,
+              22,
+              12,
+              14,
+              16,
+              14,
+              12
+            ],
+            rows: this.holdings.map((h) => [
+              h.certNo,
+              h.scriptName,
+              h.party,
+              h.units,
+              h.purchaseRate,
+              h.faceValue,
+              h.purchaseDate,
+              h.status
+            ])
+          }
+        ],
+        `Share-Holdings-${this.asOnDate}`
+      );
+      this.toast('Share Holdings exported.');
+    } catch (err) {
+      console.error('Share Holdings export failed', err);
+      this.toast('Could not generate the workbook — please retry.');
+    } finally {
+      this.generating = false;
+    }
+  }
+
   private toast(msg: string): void {
     this.toastMsg = msg;
     this.toastVisible = true;