chore(suite): refactor staking

[adamhavel]

• refactored staking dashboard and claim modal
• added flex to frame props
• added paddingType to IconCircle component
• added iconName to InfoRow component
• removed hasBottomPadding from form components
• fixed prop passing in form components

Resolves #15398

Screenshots:

Before

After

[tomasklim]

Claiming is usually not available, so most of the users will see it like this

This banner looks weird in the bottom
At the top or better at the modal header as description, it would maybe look better?

Probably you removed it in the previous refactoring but the fee component had some sort of state that the previous gas limit and gas price was visible before the new one was composed. That was there to avoid this jumping

Screen.Recording.2024-11-15.at.8.48.39.mov

[adamhavel]

Claiming is usually not available, so most of the users will see it like this

Ok, I didn't know that, I thought there is always either claiming available or pending:) I'll fix that.

[tomasklim]

/rebase

[github-actions]

Start rebasing: https://github.com/trezor/trezor-suite/actions/runs/11860301528

[tomasklim]

@trezor/qa this PR should be just staking UI/UX changes, but please test it properly 🙏

[tomasklim]

LGTM

Would be nice to find a solution for this claiming banner as it is huge but I do not want to block merging to avoid conflicts