UI changes in reown/send-transactions

[andreabadesso]

          Hey! 👋 From a UX/UI perspective, here are some suggestions and questions:

1. Should we inform the user that this transaction comes from an external source? Even if it’s coming from Hathor Play or another known dApp.

2. Currently, if the user doesn’t have enough funds, the message shown is a bit generic. Suggestion: show something clearer like “Insufficient balance to accept this transaction”.

3. I made a small mockup with visual improvements for readability: added more spacing between output cards for clarity and
   replaced the "Copy" text with an icon to keep the layout cleaner (see screenshot).

4. To avoid visual repetition and improve hierarchy, I grouped the outputs into two sections: Data Outputs and Address Outputs. I created two layout options for this and will attach both here.
   Question: do you think it’s common to have many outputs? If so, we might want to consider a more scalable layout in the future.

The Figma file: https://www.figma.com/design/qQZ91mzazEgiGJbKs1mKUc/Nano-Contracts?node-id=3339-3113&t=DAVFJhGAkbykMYmN-1

Originally posted by @anafigueired in #659 (comment)