Integrating available_time_ranges in UI

[AdityaHegde]

Checklist

• Manual verification
• Unit test coverage
• E2E test coverage
• Needs manual QA?

Summary

Issue addressed:

We added backend support for available_time_ranges but no UI support.

Details:

1. Refactor TimeRangeSelector to use a new selector that provides the list of available time ranges from available_time_ranges config.
2. Refactor TimeComparisonSelector to use a new selector that provides the list of available comparison options from available_time_ranges or the default.

Steps to Verify

1. Create a dashboard with timestamp.
2. Add this setting to start testing,

available_time_ranges:
  - PT6H
  - range: P5D
    comparison_offsets:
      - rill-PP
      - rill-PW
  - P4W
  - rill-WTD
  - rill-MTD

[djbarnwal]

UX Review -
Comparing Last 5 Days vs Last 7 Days

I would expect these charts to look similar

[AdityaHegde]

Looks like the issue was from an unrelated issue that was fixed in main. @djbarnwal I have merged main now. That issue should be there anymore.

[djbarnwal]

Code wise looks good, synced up with Aditya offline regarding UX bug in the chart adjusted time.