Adaptar MainContent para o Mobile

[DominMFD]

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.

Visual Concepts

Additional Information

Importante: essa task é dependente da seguinte task:

• Refactor do fluxo de informações de post/account #582

[Alecell]

Obrigado por abrir a issue

Verifique os nossos guidelines:

• Código de conduta
• Contribuição
• Guia de Estilo

[JpBurgarelli]

eu quero!!!
i want!!!