Sticky position the tabs at the top

[whymarrh]

This PR updates the home screen tabs to stick to the top of the screen when scrolling.

Gif

(It's slow to start, give it a second.)

Screenshots

[rekmarks]

:guy-fieri-chef-kiss:

[Gudahtt]

What does this look like on the fullscreen view?

Edit: Ah right - no tabs on the fullscreen view.

[Gudahtt]

This doesn't seem to work well with the token cells:

Screenshot:

[Gudahtt]

I'm not sure about this being set globally on the tab component 🤔

Could this have an effect the other places that component is used? I don't recall any of the other tab contents being long enough to scroll, so maybe not.

[whymarrh]

This doesn't seem to work well with the token cells:

Fixed.

Could this have an effect the other places that component is used? I don't recall any of the other tab contents being long enough to scroll, so maybe not.

I've check most of the other usages and they're all fine, namely the add token page and the gas customization modal. (I don't know currently know the conditions under which the confirm page will have tabs.)

I'm not sure about this being set globally on the tab component 🤔

sticky will only affect usages where the tabs scrolled with the content, which shouldn't be the case anywhere else. This seems like a safe default. But I could also add it to just the home tabs.

[Gudahtt]

I don't know currently know the conditions under which the confirm page will have tabs

It has tabs when confirming a contract interaction iirc. The second tab is "data", which could be pretty long. I can try to reproduce it.

This has been addressed

[whymarrh]

It has tabs when confirming a contract interaction

Ah, thanks. From the test dapp:

It doesn't scroll but if it did:

I think this is a lot better as well.

[Gudahtt]

LGTM!