basic UX / UI improvements

[Chinyeins]

Basic UX and UI Improvements and proposals for this great project:

Heres the list of improvements I propose:

1. Make Settings more accessible and easy to read
2. Hide API KEY by deafault
3. Add volume slider to manage TTS Volume

Already impl. with this

• Improved Settings Page layout and behaviour
• added auto hide API-KEY for ElevenLabs, since the value is a secret it should be hidden always, unless user wants to see value explicitly
• refactored settings page, visually improved settings page and made options readable
• added settings page close on press escape button, for convenience
• introduced volume slider to handle tts volume, since default volume of 1 can be pretty loud. Vol is saved in chrome localStorage and rea applied to slider on startup page.

[zedatrix]

Is this planned to be added?

[Chinyeins]

Is this planned to be added?

i will implement all the things that bother me and are defined on that list. If they will be added to the OG repository, we need to see what @C-Nedelcu will say about the PR when its done. Currently it´s work in progress. ^^

[C-Nedelcu]

yes I am waiting for this to be completed - thanks and keep up the good work !

[C-Nedelcu]

also please note that there is another pending pull request (already complete) that adds Azure TTS. You may need to make some changes before merging.

I'm not ready yet with the Azure TTS but once I do it'll be a new sub-version i.e. v2.9