🎧 fix(TTS): Improve State of audio playback, hook patterns, and fix undefined MediaSource

[danny-avila]

Summary

• Improved state management in the useTextToSpeech hook by separating out isSpeaking state and integrating it with the audio reference.
• Implemented improved error handling and logging in StreamAudio.tsx and MessageAudio.tsx for better debugging.
• Added checks for MediaSource definition to prevent runtime errors.
• Streamlined the code for TTS hook patterns across useTextToSpeechBrowser, useTextToSpeechEdge, and useTextToSpeechExternal by using consistent interfaces.
• Enhanced conditional logic for setting up and canceling speech generation based on the selected endpoint.

Change Type

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)

Testing

I manually tested the audio playback across different browsers to ensure compatibility and verified the logging outputs for accuracy. Additionally, I recommend setting up automated tests to check for any regressions in the audio playback workflow.

Checklist

• My code adheres to this project's style guidelines
• I have performed a self-review of my own code
• I have commented in any complex areas of my code
• I have made pertinent documentation changes
• My changes do not introduce new warnings
• Local unit tests pass with my changes