A mensagem de validação do userName é incoerente ao pattern passado, visto que o nome de usuário, além de ser em caixa baixa, também não aceita caracteres especiais e acentuação.
<ap-vmessage
*ngIf="signupForm.get('userName').errors?.pattern"
text="Must be lowercase">
</ap-vmessage>
Oi, Leandro, tudo bem?
Você pode implementar a adesão de caracteres especiais para evitar erros do Usuário e melhor o UX da aplicação. Mas o foco do curso naõ é design pattern e melhores práticas com aplicações em Angular Caso vá adiante, nos disponibilize o seu código, pode acrescentar a outros alunos :}
Bons estudos!