TimeFilter Component Violates DRY

[tim-rohrer]

Problem

The TimeFilter component currently contains repetitive code for mobile and desktop variants. This duplication makes the component harder to maintain and update, and violates the DRY (Don't Repeat Yourself) principle.

Proposed Solution

• Refactor TimeFilter to use a single, shared component for both mobile and desktop variants.
• Use props to control layout, labels, and available options (such as hourly selections for desktop).
• Extract shared logic (such as select fields and option lists) into reusable subcomponents or functions.

Benefits

• Easier maintenance and future updates
• Improved code readability and organization
• Reduced risk of inconsistencies between variants

---

Action:
Refactor the TimeFilter component to eliminate duplication and follow DRY best practices.

[tim-rohrer]

I missed one in my refactor branch, so we'll work it separately.