add sound imports and error handling to TimerController

[Samuelplim]

Por padrão, o Percel lida com roteamento do lado do cliente. Isso significa que se o servidor recebe uma requisição para um caminho que ele não reconhece como um arquivo estático específico (como tick-tack.wav neste caso, porque não foi explicitamente importado ou referenciado de uma forma que o Parcel rastreie inicialmente no JS), ele assume que é uma rota da sua SPA e serve o index.html principal. O navegador então recebe o HTML em vez do arquivo de áudio esperado.
Por isso o audio deve ser importado no inicio do arquivo.js.
Diagnosticando o problema na versão anterior: é possivel ver na aba Network do browser assim que a pagina abrir e clicar na requisição que possui o nome no arquivo de audio, na resposta dessa requisição você vai ver o servidor responde o index.html em vez de ser o conteudo do audio.

[Samuelplim]

O arquivo .parcelrc configura como o Parcel deve lidar com arquivos de áudio .wav e .mp3.

"extends": "@parcel/config-default": Informa ao Parcel para usar a configuração padrão como base.
"transformers": { ... }: Define regras personalizadas para transformar diferentes tipos de arquivos.
"*.{wav,mp3}": [...]: Aplica a regra seguinte a todos os arquivos que terminam com .wav ou .mp3.
"@parcel/transformer-raw": Especifica que esses arquivos de áudio devem ser tratados como "arquivos brutos". Isso significa que o Parcel não tentará processar o conteúdo deles (como faria com JavaScript ou CSS), mas simplesmente os copiará para o diretório de build final (dist) e fornecerá uma URL válida para que seu código possa referenciá-los (por exemplo, para tocar o som).

[geanfarias]

Estou aqui de forma tardia, mas gostaria de agradecer por essa contribuição e por essa aula INCRÍVEL!
Obrigado @Samuelplim