fix: replaced single date picker for date range picker in the lab results component.

[amosmachora]

Requirements

• This PR has a title that briefly describes the work done including the ticket number. If there is a ticket, make sure your PR title includes a conventional commit label. See existing PR titles for inspiration.
• My work conforms to the OpenMRS 3.0 Styleguide and design documentation.
• My work includes tests or is validated by existing tests.

Summary

In this PR I have added a date range picker to allow for fetching of data by date ranges. As highlighted by @donaldkibet here it makes it easier to track and follow up on ordered test results.

While I was at it I refactored the loading state a little bit to make the UI consistent between loading and loaded states. to reduce the amount of 'layout shift' that happens.

Screenshots

Related Issue

https://openmrs.atlassian.net/browse/O3-3916

Other

[ojwanganto]

Do you mind attaching a video as well?

[donaldkibet]

Thanks @amosmachora just one comment, can we have the filter persist across the tabs i.e if we filter test order for a certain during we should retain that range when we transition the tests to picked up orders

[donaldkibet]

@amosmachora please follow up with a PR

[amosmachora]

Got it @donaldkibet