Adaptar o componente Sidebar para versao mobile

DominMFD commented 3 months ago

Describe the feature

A tarefa consiste em adaptar o componente Sidebar para a versão mobile seguindo o Figma 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