feat: Add DelayTimer Component for Real-Time Delay Measurement

[emilioh93]

Summary

This PR introduces a new component called DelayTimer, which allows users to measure the delay of the broadcast in real-time. The component integrates with the existing DelayInput, automatically updating its value while the timer is running.

---

Changes Made

• Created the DelayTimer component, which includes:
  • A button that starts and stops the timer.
  • Real-time updates to the delay value in the DelayInput while the timer is active.
  • Styles consistent with the application's design.
• Modified the dashboard layout to include the DelayTimer next to the DelayInput.
• Updated the settings page to display the DelayTimer in the delay section.

---

Motivation

This change enhances the user experience by providing a more intuitive way to adjust the delay, especially useful for synchronizing live broadcasts with real-time data.

[vercel]

@emilioh93 is attempting to deploy a commit to the f1-dash Team on Vercel.

A member of the Team first needs to authorize it.

[vercel]

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

Name	Status	Preview	Comments	Updated (UTC)
f1-dash	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Apr 15, 2025 11:09pm

[slowlydev]

Thank you for opening this PR.

I got 2 things:

1. Maybe we can use the PlayControls component instead of the start/ stop button.
2. Starting and stopping the timer again resets the delay, which makes adjustments with the timer impossible.

What are your thoughts?

[emilioh93]

Thank you for opening this PR.

I got 2 things:

1. Maybe we can use the PlayControls component instead of the start/ stop button.
2. Starting and stopping the timer again resets the delay, which makes adjustments with the timer impossible.

What are your thoughts?

Sure thing! these are very good suggestions. I will apply these changes this afternoon.

[slowlydev]

thanks for the changes, lgtm 🚀