Implement Audio Queueing and Modularize InteractMode Component

[o-stahl]

Summary

---

This pull request introduces enhancements to the InteractMode component by modularizing it and creating a new audio-utils.js utility file. It also implements an audio queueing mechanism to prevent overlapping TTS tracks from playing over each other. This change sets the foundation for future enhancements like stopping and skipping audio tracks.

Key Changes

---

1. Modularized InteractMode Component:
   • Separated the logic of the InteractMode component into a more modular structure.
2. Created Audio Utils:
   • Added audio-utils.js to handle audio-related functionalities.
3. Implemented Audio Queueing:
   • Added an audio queue to manage TTS playback and prevent overlapping audio.
4. New State Variables:
   • Introduced audioQueue and audioIsPlaying state variables to manage the audio queue and playback state.

Benefits

---

• Prevents overlapping TTS tracks, enhancing user experience.
• Provides a more modular and maintainable codebase.
• Lays the groundwork for future features like stopping and skipping audio tracks.

Auto Generated Notes (Do Not Change)

---

[fingerthief]

Pulled down the changes locally and did some testing, everything seems to be working smooth as butter!

Hopefully now that you're a collaborator, if you make the next branch directly off the main repo I think the workflows should run successfully and auto deploy the PR test site etc.. Hopefully