feat: Enable voice input using WebSpeech API

[shibbas]

Purpose

Enables voice chat input using WebSpeechAPI https://developer.mozilla.org/en-US/docs/Web/API/SpeechRecognition

Does this introduce a breaking change?

[ ] Yes
[X] No

Pull Request Type

What kind of change does this Pull Request introduce?

[ ] Bugfix
[X] Feature
[ ] Code style update (formatting, local variables)
[ ] Refactoring (no functional changes, no api changes)
[ ] Documentation content changes
[ ] Other... Please describe:

How to Test

• Get the code

git clone [repo-address]
cd [repo-name]
git checkout [branch-name]
npm install

• Test the code

cd packages\chat-component
npm run start

What to Check

Verify that the following are valid

• Voice button is visible next to chat submit button
• Records and updates chat input using voice on click.
• On click, changes colors to indicate recording.
• Stop listening on clicking again.

Other Information

Some browsers do not support this API. https://developer.mozilla.org/en-US/docs/Web/API/SpeechRecognition#browser_compatibility

[shibbas]

Addresses Issue #9