fix(suite): routes for tokens

[enjojoy]

Description

• Introduced nested routing in Tokens section. Now the search is not being re-rendered when changing tabs. Tho in the future it will be better to update routing utils functions to support nested routing by design.
• Refactored some legacy styling.
• Renamed Coins to My tokens

Related Issue

Resolve https://github.com/trezor/trezor-suite/issues/13142 https://github.com/trezor/trezor-suite/issues/14985

Screenshots:

https://github.com/user-attachments/assets/ccd568c1-1a7e-469c-b82c-3436064864ac

[tomasklim]

Please also get rid of accounts/tokens/coins#... path. This path should be on accounts/tokens#... By that we will get rid of that nonsense coins in tokens 😀

So just const tokensRoutes = ['wallet-tokens', 'wallet-tokens-hidden'];

[enjojoy]

@trezor/qa Please test both web and desktop app

[enjojoy]

@adderpositive Martin, I think that this routing method and NavigationItem styling can be useful in coinmarket, as you also have a similar design in Trading section, please consider implementing

[adderpositive]

Small visual bug - search in the middle.

[adderpositive]

Can you please make a clickable whole circle? It is more user-friendly.

[adderpositive]

@adderpositive Martin, I think that this routing method and NavigationItem styling can be useful in coinmarket, as you also have a similar design in Trading section, please consider implementing

In the trade section, NavigationItem is used with some small overrides for a responsive design. Routing method should be consider. I like it.

[enjojoy]

Small visual bug - search in the middle.

Thank you, didn't test it with debug on

[enjojoy]

Can you please make a clickable whole circle? It is more user-friendly.

yes, good point

[enjojoy]

@adderpositive Martin, I think that this routing method and NavigationItem styling can be useful in coinmarket, as you also have a similar design in Trading section, please consider implementing

@adderpositive primarily talking of routing, it's more smooth without unnecessary page reloading

[tomasklim]

/rebase

[github-actions[bot]]

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

[github-actions[bot]]

Rebasing failed, please rebase manually.