Menu lateral, responsivo e com sub-menus.

Temos um projeto em angular, que precisamos remodelar a tela principal, o objetivo é criar uma tela onde deve conter um menu lateral fixo e uma barra fixa na parte superior.
O menu deve ficar recolhido apenas mostrando ícones, ao passar o mouse sobre ele irá abrir os itens, clicando sobre um item ele irá abrir um sub-menu, caso exista, o mesmo acontece ao passar o mouse sobre esse sub-menu, ele deve abrir o próximo sub-menu, (se existir).
Em relação a responsividade, com a tela reduzida o menu deve ficar recolhido, mostra apenas ícone, que ao clicar irá exibir os menus e à medida que clicar nos sub-menus irá mostra-los também de maneira funcional.

O site do banco do brasil é mais ou menos o que necessitamos.
O projeto está utilizando bootstrap 4, mas esse menu pode usar css.
Preciso que siga os seguintes procedimentos:
1 – Vou passar o projeto em angular com algumas características, com uns formulários para teste; (Angular 12, typescript 4.1.5, Bootstrap 4).
2 – Faça a implementação;
3 – Devolva o projeto para testar;

Qualquer coisa estou à disposição, em anexo está o exemplo do menu, apenas para contextualizar o funcionamento.