Adaptar MainContent para o Mobile

## 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](https://www.figma.com/design/peiX1rvJum4D1RV99Fchqw/Layout-Octo?node-id=55973-10400&node-type=FRAME&t=AmR8MYIDHipqtj7Y-0)

## 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:
- #582

Review dependent issue #582 first, then locate the MainContent component and the tabber entry point. Compare the mobile Figma frames with the current desktop behavior and verify that MainContent appears as the All tab only on mobile, with exclusive tab selection and unchanged desktop behavior.

Written by the indexing model from the issue text.