Adaptar MainContent para o Mobile

DominMFD commented 1 week ago

Describe the feature

Atualmente o componente MainContent não aparece na versão mobile, sua tarefa é fazer a responsividade do layout e a adaptação para que ele esteja no lugar certo conforme o Layout do Figma

Use Case

Na versão mobile o componente MainContent vira uma tab chamada All junto as contas ativas conforme circulado em amarelo na imagem. A funcionalidade é a mesma do Desktop, se você selecionar uma tab, as outras devem estar deselecionadas, assim, conseguimos alternar entre as tabs.

Implementation Details

Você deve alterar a estilização do componente MainContent para que ele encaixe em telas Mobile, esse componente deve fazer parte das tabs do tabber, que, só será renderizado em resoluções Mobile e seguirá alternando a seleção com as demais tabs.