[IMPROVE] Provide Notification Sound Preview While Changing It From Account/preferences

Description:

It is always a good user experience if we play a sound when the user changes the notification sound so that he/she can check the sound before saving it

Steps to reproduce:

1. Go To Account/preferences
2. Inside Sound Section Change the New Room or New message notification Sound
3. While changing it' it's not playing sound

Expected behavior:

When the user changes the sound for Room or new Message, we should play sound so that he understands which sound is better and then can apply changes and save it.

Actual behavior:

When the user changes the sound, no sound play when he change it.

https://user-images.githubusercontent.com/53515714/153142074-70a9519e-c7d4-4667-942a-ba8331019f42.mp4

Server Setup Information:

• Version of Rocket.Chat Server: 4.5.0
• Operating System:
• Deployment Method:
• Number of Running Instances:
• DB Replicaset Oplog:
• NodeJS Version: 14.18.2
• MongoDB Version: 4.4.4

Client Setup Information

• Desktop App or Browser Version:
• Operating System:

Additional context

Relevant logs:

Start at Account/preferences and inspect the Sound section handling changes to the New Room and New message notification sounds. Trace how the selected sound is represented and played, then verify that changing either selection previews it before saving; confirm the behavior with the relevant frontend tests if available.