feat: shifting time box elements with arrow

[luwes]

test url: https://media-chrome-docs-git-fork-luwes-range-box-arrow-mux.vercel.app/docs/en/components/media-time-range

• [x] adds logic so children in the time range boxes shift closer to the time position, works for the preview and current box
• [x] adds a built-in arrow which also shifts similarly to media-time-display and media-preview-time-display

[vercel[bot]]

@luwes is attempting to deploy a commit to the Mux Team on Vercel.

A member of the Team first needs to authorize it.

[codecov[bot]]

Codecov Report

Attention: Patch coverage is 60.69364% with 68 lines in your changes are missing coverage. Please review.

Project coverage is 78.26%. Comparing base (3ea80df) to head (e1fe14d). Report is 16 commits behind head on main.

:exclamation: Current head e1fe14d differs from pull request most recent head 99b6889. Consider uploading reports for the commit 99b6889 to get more accurate results

Files	Patch %	Lines
src/js/media-time-range.js	60.69%	68 Missing :warning:

Additional details and impacted files

```diff @@ Coverage Diff @@ ## main #829 +/- ## ========================================== - Coverage 78.55% 78.26% -0.30% ========================================== Files 59 59 Lines 11080 11239 +159 ========================================== + Hits 8704 8796 +92 - Misses 2376 2443 +67 ```

:umbrella: View full report in Codecov by Sentry.
:loudspeaker: Have feedback on the report? Share it here.

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
media-chrome	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Mar 1, 2024 4:44pm
media-chrome-demo-nextjs	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Mar 1, 2024 4:44pm
media-chrome-docs	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Mar 1, 2024 4:44pm