fix: replacement nonce dropdown style

[iamacook]

What it solves

Resolves #2304

How this PR fixes it

The design of the replacement nonce dropdown has been aligned with the designs.

How to test it

Opent the transaction flow on a Safe and observe the recommended nonce in the dropdown list (as well as other queued transactions, if they exist).

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://nonce_replacement_style--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}

[katspaugh]

Seems like the paddings are a bit too big.

[schmanu]

How about we also add the current Safe nonce to the drop-down? Has that been discussed? At least for the case where the recommended one differs from the current Safe nonce.

[katspaugh]

@schmanu in what situation do you think it could be helpful?

[katspaugh]

The top padding is still too big. It should be the same as the left-right padding:

[iamacook]

The top padding is still too big. It should be the same as the left-right padding:

Oversight working from the airport. I've reduced the y-axis padding.

[katspaugh]

Looks good!

[francovenica]

Looks neat.