[TX flow] Display Token balance

[usame-algan]

How this PR fixes it

• Displays the token balance in the amount input field
• Slightly decreases the spacing of the amount input as discussed here

How to test it

1. Open the Safe
2. Create a new transaction
3. Observe the token balance is visible

Screenshots

Checklist

• I've tested the branch on mobile 📱
• I've documented how it affects the analytics (if at all) 📊
• I've written a unit/e2e test for it (if applicable) 🧑‍💻

[github-actions]

Branch preview

✅ Deploy successful!

https://token_balance--walletweb.review-wallet-web.5afe.dev

[github-actions]

ESLint Summary View Full Report

Annotations are provided inline on the Files Changed tab. You can also see all annotations that were generated on the annotations page.

Type	Occurrences	Fixable
Errors	0	0
Warnings	0	0
Ignored	0	N/A

• Result: ✅ success
• Annotations: 0 total

---

^{Report generated by eslint-plus-action}

[iamacook]

Looks good apart from the alignment of the max button and the token selector. I would suggest making the max button a little bit taller so they are the same height.

[usame-algan]

Looks good apart from the alignment of the max button and the token selector. I would suggest making the max button a little bit taller so they are the same height.

I slightly decreased the spacing and line-height to get it back to the same size instead since its closer to the design (50px height button)