frontend: responsive grouped account selector

[shonsirsha]

Search by account name:

[shonsirsha]

I'll squash the 2nd commit, just for clarity -- there I extracted the common styles between the grouped fullscreen mobile selector and the non-grouped one into one file, and use them accordingly.

[thisconnect]

The other component that is dropdown on desktop or full screen on mobile is
input-with-dropdown.tsx. That one uses Dropdown with mobileFullScreen prop.

But here we use Select + custom full screen, and no Dropdown component and there is some code duplication.

I hoped we could get a reusable Dropdown/Fullscreen component that we can use everywhere.

Did you look into what it would take make a generic Dropdown component that can go fullscreen?

[shonsirsha]

Hmm fair enough. I was focused on the component itself (groupedaccountselector), but this component is already not really reusable (only for account selector, nothing else).

We should have instead a reusable "groupeddropdown" which also accepts mobileFullscreen. Or maybe extend the current dropdown so grouping works. Then we use it here instead of the default Select.

[shonsirsha]

Thank you for the review @thisconnect . Addressed your comment: I extended our Dropdown (and also its mobilefullscreen component) so it works for grouped options. Also rebased. PTAL 🙏

[thisconnect]

thank you, tested on Android LGTM