My Account screens revamp: modern tile-based layout

[Copilot]

The My Account screens used an outdated list-of-buttons layout. This replaces all four screens with the same gradient-header + card/tile pattern used throughout the rest of the app.

MyAccountPage

• Gradient header (profile color) with icon, title, and merchant name subtitle
• HomeCardFrame info card showing Merchant Name and Last Login side-by-side
• FlexLayout tile grid (wrapping) replacing the vertical button list, with per-option icons:
  • Addresses → homebutton.svg, Contacts → supportbutton.svg, Account Info → reportbutton.svg, Logout → backbutton.svg
• Tiles use TapGestureRecognizer + OptionSelectedCommand binding (consistent with VoucherSelectOperatorPage / BillPaymentSelectOperatorPage pattern); removed EventToCommandBehavior on buttons

String iconSource = modelOption.Title switch
{
    "Addresses"    => "homebutton.svg",
    "Contacts"     => "supportbutton.svg",
    "Account Info" => "reportbutton.svg",
    "Logout"       => "backbutton.svg",
    _              => "profilebutton.svg"
};

Detail pages (MyAccountAddressesPage, MyAccountContactPage, MyAccountDetailsPage)

• All three get a consistent gradient header (profile color) with contextual subtitle
• Fields moved from a flat VerticalStackLayout inside MainFrame into labeled Grid rows inside HomeCardFrame cards
• MyAccountDetailsPage splits into three cards: Merchant Details, Balances (balance values highlighted in profile color), and Statement info
• All action/back buttons switched to StandardButton style

Warning

Firewall rules blocked me from connecting to one or more addresses (expand for details)

I tried to connect to the following addresses, but was blocked by firewall rules:

• f.feedz.io
  • Triggering command: /opt/hostedtoolcache/CodeQL/2.24.2/x64/codeql/csharp/tools/linux64/Semmle.Autobuild.CSharp /opt/hostedtoolcache/CodeQL/2.24.2/x64/codeql/csharp/tools/linux64/Semmle.Autobuild.CSharp (dns block)

If you need me to access, download, or install something from one of these locations, you can either:

• Configure Actions setup steps to set up my environment, which run before the firewall is enabled
• Add the appropriate URLs or hosts to the custom allowlist in this repository's Copilot coding agent settings (admins only)

Original prompt

---

This section details on the original issue you should resolve

<issue_title>My Account Screens Revamp</issue_title>
<issue_description>I would like the My Account Screens to have a more modern tile based layout.

See the parent issue for additional guidance.</issue_description>

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

• Fixes My Account Screens Revamp #465

---

🔒 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.