Fix TimeRangeSlider component to work with Material UI 5

**Describe the task**
Had to disable test,`it('Time range slider can select the range between 10 and 50')` in `web/cypress/integration/percentile-calculator-page.spec.ts` since the hidden attribute it relies on doesn't seem be set after migration.

**Acceptance Criteria**
- [ ] Reenable test so that it runs successfully

**Additional context**
- Add any other context about the task here.
- Or here

Start with web/cypress/integration/percentile-calculator-page.spec.ts and the disabled test named “Time range slider can select the range between 10 and 50.” Then trace the TimeRangeSlider component and its Material UI 5 migration behavior. Done means the test is reenabled and runs successfully.

Written by the indexing model from the issue text.