🔀 refactor: Modularize TTS Logic for Improved Browser support

[danny-avila]

Summary

• Created separate voice dropdown components for different TTS engines (Edge, Browser, and External).
• Updated the useTextToSpeechBrowser hook to handle errors and improve error logging.
• Implemented new hooks for different TTS engines: useTTSBrowser, useTTSEdge, and useTTSExternal.
• Updated the librechat.example.yaml file to correct the voices example.
• Refactored the VoiceDropdown component to use the new engine-specific voice dropdown components.
• Improved error handling and logging throughout the TTS-related components and hooks.
• Updated type definitions and imports for better code organization and maintainability.
• Added browser support check for Edge TTS engine component with error toast if not supported.

These changes ensure that engine-specific API calls and settings are never initialized unless they are explicitly selected by the user, which helps prevent incompatibility issues as well as avoids resource usage for engines that are never used.

Change Type

• New feature (non-breaking change which adds functionality)
• This change requires a documentation update

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
• I have written tests demonstrating that my changes are effective or that my feature works
• Local unit tests pass with my changes
• Any changes dependent on mine have been merged and published in downstream modules.