Make Deposit Screen: shorter input fields, single cancel button, and modal dialog

[Copilot]

The deposit screen had full-width input fields and has been converted from a full page to a modal dialog that opens inline on the Merchants Index page.

Changes

• Input widths: Changed all form inputs (depositAmount, depositDate, depositReference) from w-full to w-1/2
• Cancel button: A single Cancel button in the modal footer alongside the submit button; backdrop click also dismisses the modal
• Modal dialog: The deposit form now opens as an overlay modal on the Merchants Index page instead of navigating to a separate full-screen page. Clicking "Make Deposit" on any merchant shows the modal
• Test coverage: Added tests asserting modal open/close behaviour, single cancel button, success flow, and graceful handling when merchant lookup fails

// Index.razor.cs
- private void MakeDeposit(Guid merchantId) => this.NavigationManager.NavigateToMakeMerchantDeposit(merchantId);
+ private async Task MakeDeposit(Guid merchantId) { /* opens deposit modal */ }

The standalone /merchants/{id}/deposit route remains accessible for direct URL access.

Original prompt

---

This section details on the original issue you should resolve

<issue_title>Make Deposit Screen</issue_title>
<issue_description>- make text boxes a bit shorter

• 2 cancel buttons</issue_description>

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

• Fixes Make Deposit Screen #802

---

🔒 GitHub Advanced Security automatically protects Copilot coding agent pull requests. You can protect all pull requests by enabling Advanced Security for your repositories. Learn more about Advanced Security.

[StuartFerguson]

@copilot can this be made into a modal dialog rather than a full screen ?

[Copilot]

@copilot can this be made into a modal dialog rather than a full screen ?

Done in commit f1c2990. The deposit form now opens as a modal dialog directly on the Merchants Index page instead of navigating to a full page. Clicking "Make Deposit" on any merchant shows an overlay modal with the form, and both Cancel buttons (header and footer) close the modal and return to the list. The standalone /merchants/{id}/deposit route remains accessible for direct URL access.

[StuartFerguson]

@copilot one final thing remove the top cancel button please

[Copilot]

@copilot one final thing remove the top cancel button please

Done in commit 29ba8d5. The top Cancel button has been removed from the modal header — only the Cancel button in the form footer remains.