Fix MultiSelectDropdown display: card overflow clipping and checkbox styling

[Copilot]

• Remove overflow-hidden from .card, fix checkbox accent-color (previous session)
• Fix "all items appear selected" bug: ContractProductReportingId defaults to 0 for all products — same ID means every product matches when any one is selected
  • In TransactionDetail.razor change GetItemId to use ContractProductId (Guid, always unique) instead of ContractProductReportingId (Int32, defaults to 0)
  • In TransactionDetail.razor.cs resolve selected product GUIDs → ContractProductReportingId integers via lookup in products list before sending to the API
  • In MultiSelectDropdown.razor add @key="itemId" to the <label> foreach element so Blazor correctly diffs checkboxes on re-render

Original prompt

---

This section details on the original issue you should resolve

<issue_title>Transaction Detail Report</issue_title>
<issue_description>- Transaction ID hidden

• hide settlement ref on grid for not
• Add Transaction Number (Txn No) after product
• Product Filter not displaying correct and not convinced it works
• change gross amount header to gross
• change net amount header to net</issue_description>

Comments on the Issue (you are @copilot in this section)

• Fixes Transaction Detail Report #803

---

💬 We'd love your input! Share your thoughts on Copilot coding agent in our 2 minute survey.