fix(FEC-12517): [web v7] volume bar arrow keys accessibility

[lianbenjamin]

the issue:
when navigating to volume component using the keyboard and pressing up/down arrows (to volume up/down), the entire page is scrolling.
another related issue that was observed- when the volume bar is open via a11y (using keyboard), then clicking anywhere is not closing the volume bar; it should be close in this case.

root cause:
we do not prevent from the keyboard event to bubble. when pressing up/down keyboard arrows, the native event scrolls the page.

Description of the Changes

• preventing from keyboard event to bubble
• closing the volume bar once clicking outside the component

Solves FEC-12517

CheckLists

• changes have been done against master branch, and PR does not conflict
• new unit / functional tests have been added (whenever applicable)
• test are passing in local environment
• Travis tests are passing (or test results are not worse than on master branch :))
• Docs have been updated