Adaptar o componente Sidebar para versao mobile

@juliaam is already working on this.

Since Sep 12, 2024.

## Describe the feature

A tarefa consiste em adaptar o componente `Sidebar` para a versão mobile seguindo o [Figma](https://www.figma.com/design/peiX1rvJum4D1RV99Fchqw/Layout-Octo?node-id=55973-10577&node-type=FRAME&t=tpp0WOGuBMDWKcAh-0) da nossa aplicação e também fazer a funcionalidade de abrir esse componente.

## Use Case

Quando a pessoa clicar para no `+` o componente `Sidebar` deve ser exibido e a pessoa conseguir ativar e desativar as tabs por lá. Atualmente em nossa aplicação, quando o botão `+` é clicado, ele abre o modal de adicionar contas, mas não é isso que queremos, ele deve abrir o `Sidebar`.

## Implementation Details

Atualmente, na versao mobile, temos o botao que deveria abrir o componente sidebar para versao mobile, mas essa funcionalidade ainda nao esta implementada, seu objetivo nessa task é justamente aplicar isso e tambem adaptar o sideBar para versaso mobile.
Quando o botao circulado em azul, na imagem abaixo, for clicado, a tela que esta circulada em vermelho deve aparecer. Essa tela circulada em vermelho, na verdade, é o componente sideBar da versao Mobile.
Nessa task tambem deve ser feito a funcionalidade de quando clicar na seta para voltar ele faça a animação e volte para a tela inicial.

*Link para a animação:* https://www.figma.com/proto/peiX1rvJum4D1RV99Fchqw/Layout-Octo?node-id=55973-10024&node-type=FRAME&t=5XhzakDnvI2Hihtu-0&scaling=scale-down-width&content-scaling=fixed&page-id=55973%3A2444&starting-point-node-id=55973%3A11062

## Visual Concepts



https://github.com/user-attachments/assets/42687d73-9c1f-43ac-8fba-5b943567f5d2

https://github.com/user-attachments/assets/65b405f5-f681-4544-8953-d3db113a822b

## Additional Information

Atente-se que o título circulado em vermelho está errado, deve ser Select Social Media