Fixes for issues #86, #87, #88

[mykhailodanilenko]

🚀 Description

This PR changes skip forward and backward duration (#87); enables taps and timecodes on the scrubbar (#88); changes the layout of video controls overlay (#86);

• bonus: adds basic keyboard controls on desktop (spacebar to play/pause, M to mute/unmute, arrow keys to navigate) See deployed at https://mykhailodanilenko.github.io/web-client/

📄 Motivation and Context

86, #87, #88

🧪 How Has This Been Tested?

Web: desktop + mobile

📷 Screenshots (if appropriate)

📦 Types of changes

• [ ] Bug fix (non-breaking change which fixes an issue)
• [x] New feature (non-breaking change which adds functionality)
• [ ] Breaking change (fix or feature that would cause existing functionality to not work as expected)

✅ Checklist (copied from README)

• [x] Squash your changes into a single clear and thoroughly descriptive commit, split changes into multiple commits only when it contributes to readability
• [x] Reference the GitHub issue that you are contributing on in your commit title or body
• [x] Sign your commits, as this is required by the automated GitHub PR checks
• [x] Ensure that the changes adhere to the project code style and formatting rules by running npx eslint . and npx prettier --check ../ from the ./OwnTube.tv/ directory (without errors/warnings)
• [x] Include links and illustrations in your pull request to make it easy to review
• [x] Request a review by @ar9708, @OGTor, @tryklick and @mblomdahl

[mykhailodanilenko]

@mblomdahl the changes are up on https://mykhailodanilenko.github.io/web-client/