Como documentar casos de uso práticos em angular em Angular

"Você é um especialista em desenvolvimento web com foco em Angular. Crie um guia prático e passo a passo para um desenvolvedor júnior que precisa implementar um 'dashboard de acompanhamento de pedidos em tempo real' utilizando Angular, RxJS e WebSockets. O guia deve abordar desde a configuração inicial do projeto até a exibição dinâmica dos dados, incluindo exemplos de código para:

1.  **Estrutura de componentes:** Como organizar os componentes para o dashboard (ex: `DashboardComponent`, `PedidoCardComponent`, `FiltroPedidosComponent`).
2.  **Conexão WebSocket:** Como estabelecer e gerenciar a conexão com um backend de WebSockets para receber atualizações de pedidos.
3.  **Gerenciamento de estado com RxJS:** Como usar `BehaviorSubject` ou `ReplaySubject` para armazenar e distribuir os dados dos pedidos em tempo real para os componentes.
4.  **Atualização reativa da UI:** Como garantir que a interface do usuário seja atualizada automaticamente quando novos dados de pedidos chegarem ou quando o status de um pedido existente mudar.
5.  **Tratamento de erros e reconexão:** Estratégias para lidar com falhas na conexão WebSocket e tentar reconectar automaticamente.
6.  **Filtros interativos:** Como implementar filtros na UI (ex: por status do pedido, por tipo de produto) que se integrem reativamente com os dados recebidos.

O objetivo é que o desenvolvedor júnior possa seguir o guia e ter um MVP funcional ao final, entendendo os conceitos por trás de cada etapa."