feat: Add support for playing audio files and ensure only one audio plays at a time

[arv-aks]

This feature enhances the asset showcase by introducing support for playing audio files (MP3 and WAV formats). Users can now interact with audio assets directly within the showcase interface, enabling them to preview audio content conveniently. Furthermore, this implementation ensures that only one audio file plays at a time, enhancing usability and preventing overlapping audio playback. With this addition, the asset showcase becomes more dynamic and interactive, offering a comprehensive experience for users exploring audio assets.

[chtgupta]

Great one @arv-aks! I was expecting this PR from the community. Will do a test run and merge soon.

[arv-aks]

Great one @arv-aks! I was expecting this PR from the community. Will do a test run and merge soon.

Thank you! I'm glad I could contribute. Please let me know if there are any issues or further changes needed.

[chtgupta]

Hi @arv-aks, can you make the audio element's title (file name) align with other titles? Currently it appears asymmetrical.

Also, hovering over the controls results in some overflow. Not sure if that is fixable, or if we can just bear with less controls.

[arv-aks]

Hi @chtgupta, Thanks for the feedback and addressing the alignment issue with the audio element's title! Regarding your second point about the overflow issue when hovering over the controls, I've looked into it. It seems that the overflow you're observing is related to the volume control of the audio element. Unfortunately, there isn't a straightforward way to hide or modify this control directly through HTML and CSS alone.

Alignment issue is fixed and ready to merge