fix: Add MP4 fallback when HLS playback fails

[wbaxterh]

Fixes #1

Changes

• Add \getMp4FallbackUrl()\ helper to derive MP4 URL from HLS URL
• Add HLS error recovery for network and media errors
• Fall back to direct MP4 (\play_360p.mp4) when HLS is unrecoverable
• Handle video error events as additional fallback trigger

Testing

1. Deploy to preview
2. Test videos that only have 360p resolution (P-Rod Proof, The Coalition)
3. Verify playback works via MP4 fallback

[cursor]

You have run out of free Bugbot PR reviews for this billing cycle. This will reset on March 11.

To receive reviews on all of your PRs, visit the Cursor dashboard to activate Pro and start your 14-day free trial.

[wbaxterh]

@copilot resolve the merge conflicts in this pull request

[Copilot]

@copilot resolve the merge conflicts in this pull request

Merge conflicts resolved in commit e41c650. Two files had conflicts:

• components/media/VideoPlayer.js — kept the MP4 fallback logic from this PR while adopting the code style improvements (2-space indentation, _event prefix, single-quote strings) from main
• styles/global.css — took main's version: removes !important from mobile nav colors and adds proper visibility: visible fixes for the navbar collapse

Build passes cleanly after the merge.