I reorganized the voice search icon logic to clean things up

I also noticed a bug when both the mic and the listening icon are custom. The styling changes fix that bug

J=none
TEST=manual

Test that the voice icon works and that all combinations of custom icons works as well

Update the listening icon with the new animation from UX

J=SLAP-1442
TEST=manual

See that the listening icon is animated when in the listening state

Add speech recognition functionality to the searchbar

This PR includes:
- Connecting the speech recognizer to the voice search button
- Adding analytics for clicking on the voice search button which includes not sending the queryId for the voice search analytics
- Checking that `navigator.mediaDevices` exists so that the search bar will hide on Edge without HTTPs
- Update the autocomplete component to know when voice search is active. This allows the autocomplete dropdown to appear while voice search is active
- Add `submitVoiceSearch()` to the search bar so that a search can be made with the VOICE_SEARCH query trigger

J=SLAP-1444
TEST=manual

Test speech recognition on Chrome, Safari, and Edge. Firefox is not supported. Note: The site must be on HTTPS for Edge to work.