New audio design for IMAGE

[notkaramel]

As title suggested, this PR is dedicated to the new audio cue design used for IMAGE. More details on literature review + sound design will be updated below.

Changes made

• Added 4 audio files to IMAGE for audio cues, replacing the old files in progressBar/audio folder: when request sent, results arrived, Processing, and Error Occurs (new).
• The new files are located in src/audio folder instead.
• Added audio play when error page is popped up.

Literature | Inspiration Source

• Sound design principles from Material Design
• Sound attributes: Tonality
• Sound attributes: Envelope (Attack & Decay)
• Sound choreography: Sound Relationshops

Tools used

• MuseScore 4 for composing
• LMMS for MIDI synthesizer
• Audacity for audio editing
• SuperCollider: barely used, mostly for proof of concept at the beginning.

[notkaramel]

• NOTE: This branch was created based on #330. Branch-specific changes will appear more clear once the relative base branch is merged to main.

[notkaramel]

• The samples I designed for IMAGE can be seen here: https://antoinephan.me/IMAGE-audio
• The website contains different sets of audio with different sounds and richness (voting round 1) and a set of variations from previous voting round for textures
• The final voting will end on July 28th at 23:59:59 EST in IMAGE Slack #audio-haptic channel. After that, I will submit this PR for review