(fix) O3-3083: Add select skeletons when fetching queues and queue locations

[vasharma05]

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

Previously, when queues and queue Locations were loading, an Inline Notification displaying "Please configure Queues" used to pop up for a few seconds and then the select was shown.

This was due to the missing handling for loading states. This PR handles the same and shows skeletons when queues are loading.

Screenshots

Before

Screen.Recording.2024-05-07.at.15.11.08.mov

After

Screen.Recording.2024-05-07.at.15.12.14.mov

Related Issue

https://issues.openmrs.org/browse/O3-3083

Other

UI Improvements

[github-actions]

Size Change: -156 kB (-4%)

Total Size: 3.53 MB

Filename	Size	Change
packages/esm-service-queues-app/dist/983.js	0 B	-157 kB (removed)	🏆

ℹ️ View Unchanged

Filename	Size	Change
packages/esm-active-visits-app/dist/130.js	220 kB	0 B
packages/esm-active-visits-app/dist/255.js	2.21 kB	0 B
packages/esm-active-visits-app/dist/271.js	762 B	0 B
packages/esm-active-visits-app/dist/277.js	13.5 kB	0 B
packages/esm-active-visits-app/dist/316.js	42.9 kB	0 B
packages/esm-active-visits-app/dist/319.js	683 B	0 B
packages/esm-active-visits-app/dist/382.js	1.15 kB	0 B
packages/esm-active-visits-app/dist/410.js	50.1 kB	0 B
packages/esm-active-visits-app/dist/460.js	784 B	0 B
packages/esm-active-visits-app/dist/574.js	588 B	0 B
packages/esm-active-visits-app/dist/588.js	6.66 kB	0 B
packages/esm-active-visits-app/dist/635.js	1.15 kB	0 B
packages/esm-active-visits-app/dist/644.js	762 B	0 B
packages/esm-active-visits-app/dist/729.js	3.1 kB	0 B
packages/esm-active-visits-app/dist/757.js	694 B	0 B
packages/esm-active-visits-app/dist/784.js	2.63 kB	0 B
packages/esm-active-visits-app/dist/788.js	586 B	0 B
packages/esm-active-visits-app/dist/807.js	918 B	0 B
packages/esm-active-visits-app/dist/833.js	732 B	0 B
packages/esm-active-visits-app/dist/879.js	2.94 kB	0 B
packages/esm-active-visits-app/dist/main.js	68 kB	0 B
packages/esm-active-visits-app/dist/openmrs-esm-active-visits-app.js	3.34 kB	0 B
packages/esm-appointments-app/dist/130.js	220 kB	0 B
packages/esm-appointments-app/dist/152.js	257 B	0 B
packages/esm-appointments-app/dist/255.js	2.22 kB	0 B
packages/esm-appointments-app/dist/271.js	1.97 kB	0 B
packages/esm-appointments-app/dist/303.js	258 B	0 B
packages/esm-appointments-app/dist/309.js	867 B	0 B
packages/esm-appointments-app/dist/319.js	1.89 kB	0 B
packages/esm-appointments-app/dist/390.js	26.1 kB	0 B
packages/esm-appointments-app/dist/4.js	1.77 kB	0 B
packages/esm-appointments-app/dist/460.js	2.07 kB	0 B
packages/esm-appointments-app/dist/520.js	46.5 kB	0 B
packages/esm-appointments-app/dist/574.js	2 kB	0 B
packages/esm-appointments-app/dist/588.js	6.65 kB	0 B
packages/esm-appointments-app/dist/591.js	16.9 kB	0 B
packages/esm-appointments-app/dist/592.js	9.5 kB	0 B
packages/esm-appointments-app/dist/644.js	1.97 kB	0 B
packages/esm-appointments-app/dist/729.js	3.1 kB	0 B
packages/esm-appointments-app/dist/757.js	1.74 kB	0 B
packages/esm-appointments-app/dist/776.js	255 kB	0 B
packages/esm-appointments-app/dist/784.js	2.63 kB	0 B
packages/esm-appointments-app/dist/788.js	1.68 kB	0 B
packages/esm-appointments-app/dist/807.js	2.31 kB	0 B
packages/esm-appointments-app/dist/833.js	1.97 kB	0 B
packages/esm-appointments-app/dist/main.js	313 kB	0 B
packages/esm-appointments-app/dist/openmrs-esm-appointments-app.js	3.43 kB	0 B
packages/esm-patient-list-management-app/dist/130.js	220 kB	0 B
packages/esm-patient-list-management-app/dist/255.js	2.21 kB	0 B
packages/esm-patient-list-management-app/dist/271.js	1.55 kB	0 B
packages/esm-patient-list-management-app/dist/319.js	1.52 kB	0 B
packages/esm-patient-list-management-app/dist/382.js	1.15 kB	0 B
packages/esm-patient-list-management-app/dist/460.js	1.7 kB	0 B
packages/esm-patient-list-management-app/dist/574.js	1.34 kB	0 B
packages/esm-patient-list-management-app/dist/588.js	6.66 kB	0 B
packages/esm-patient-list-management-app/dist/591.js	16.9 kB	0 B
packages/esm-patient-list-management-app/dist/635.js	1.15 kB	0 B
packages/esm-patient-list-management-app/dist/644.js	1.55 kB	0 B
packages/esm-patient-list-management-app/dist/716.js	4.75 kB	0 B
packages/esm-patient-list-management-app/dist/729.js	3.1 kB	0 B
packages/esm-patient-list-management-app/dist/740.js	97.6 kB	0 B
packages/esm-patient-list-management-app/dist/757.js	1.5 kB	0 B
packages/esm-patient-list-management-app/dist/784.js	2.64 kB	0 B
packages/esm-patient-list-management-app/dist/788.js	1.34 kB	0 B
packages/esm-patient-list-management-app/dist/807.js	1.84 kB	0 B
packages/esm-patient-list-management-app/dist/833.js	1.58 kB	0 B
packages/esm-patient-list-management-app/dist/995.js	22 kB	0 B
packages/esm-patient-list-management-app/dist/main.js	124 kB	0 B
packages/esm-patient-list-management-app/dist/openmrs-esm-patient-list-management-app.js	3.3 kB	0 B
packages/esm-patient-registration-app/dist/130.js	220 kB	0 B
packages/esm-patient-registration-app/dist/152.js	262 B	0 B
packages/esm-patient-registration-app/dist/255.js	2.21 kB	0 B
packages/esm-patient-registration-app/dist/271.js	2.01 kB	0 B
packages/esm-patient-registration-app/dist/303.js	260 B	0 B
packages/esm-patient-registration-app/dist/319.js	1.99 kB	0 B
packages/esm-patient-registration-app/dist/460.js	2.12 kB	0 B
packages/esm-patient-registration-app/dist/481.js	6.75 kB	0 B
packages/esm-patient-registration-app/dist/537.js	2.43 kB	0 B
packages/esm-patient-registration-app/dist/574.js	1.7 kB	0 B
packages/esm-patient-registration-app/dist/591.js	16.9 kB	0 B
packages/esm-patient-registration-app/dist/644.js	2.01 kB	0 B
packages/esm-patient-registration-app/dist/676.js	6.59 kB	0 B
packages/esm-patient-registration-app/dist/686.js	92 kB	0 B
packages/esm-patient-registration-app/dist/729.js	3.1 kB	0 B
packages/esm-patient-registration-app/dist/735.js	464 B	0 B
packages/esm-patient-registration-app/dist/757.js	2.07 kB	0 B
packages/esm-patient-registration-app/dist/783.js	36.4 kB	0 B
packages/esm-patient-registration-app/dist/784.js	2.64 kB	0 B
packages/esm-patient-registration-app/dist/788.js	1.7 kB	0 B
packages/esm-patient-registration-app/dist/807.js	2.43 kB	0 B
packages/esm-patient-registration-app/dist/833.js	1.97 kB	0 B
packages/esm-patient-registration-app/dist/879.js	2.94 kB	0 B
packages/esm-patient-registration-app/dist/main.js	130 kB	0 B
packages/esm-patient-registration-app/dist/openmrs-esm-patient-registration-app.js	3.34 kB	0 B
packages/esm-patient-search-app/dist/130.js	220 kB	0 B
packages/esm-patient-search-app/dist/255.js	2.21 kB	0 B
packages/esm-patient-search-app/dist/271.js	899 B	0 B
packages/esm-patient-search-app/dist/319.js	857 B	0 B
packages/esm-patient-search-app/dist/382.js	1.15 kB	0 B
packages/esm-patient-search-app/dist/460.js	924 B	0 B
packages/esm-patient-search-app/dist/574.js	732 B	0 B
packages/esm-patient-search-app/dist/584.js	21.7 kB	0 B
packages/esm-patient-search-app/dist/588.js	6.66 kB	0 B
packages/esm-patient-search-app/dist/591.js	16.9 kB	0 B
packages/esm-patient-search-app/dist/635.js	1.15 kB	0 B
packages/esm-patient-search-app/dist/644.js	899 B	0 B
packages/esm-patient-search-app/dist/729.js	3.1 kB	0 B
packages/esm-patient-search-app/dist/757.js	864 B	0 B
packages/esm-patient-search-app/dist/778.js	23.3 kB	0 B
packages/esm-patient-search-app/dist/784.js	2.63 kB	0 B
packages/esm-patient-search-app/dist/788.js	726 B	0 B
packages/esm-patient-search-app/dist/807.js	1.03 kB	0 B
packages/esm-patient-search-app/dist/833.js	867 B	0 B
packages/esm-patient-search-app/dist/main.js	48.2 kB	0 B
packages/esm-patient-search-app/dist/openmrs-esm-patient-search-app.js	3.3 kB	0 B
packages/esm-service-queues-app/dist/130.js	220 kB	0 B
packages/esm-service-queues-app/dist/152.js	262 B	0 B
packages/esm-service-queues-app/dist/233.js	1.73 kB	+1 B (0%)
packages/esm-service-queues-app/dist/255.js	2.22 kB	0 B
packages/esm-service-queues-app/dist/258.js	2.32 kB	+2 B (0%)
packages/esm-service-queues-app/dist/263.js	3.54 kB	-1 B (0%)
packages/esm-service-queues-app/dist/271.js	4.12 kB	0 B
packages/esm-service-queues-app/dist/303.js	261 B	0 B
packages/esm-service-queues-app/dist/319.js	3.54 kB	0 B
packages/esm-service-queues-app/dist/328.js	2.99 kB	0 B
packages/esm-service-queues-app/dist/339.js	50.3 kB	+19 B (0%)
packages/esm-service-queues-app/dist/389.js	1.89 kB	+1 B (0%)
packages/esm-service-queues-app/dist/425.js	2.09 kB	+1 B (0%)
packages/esm-service-queues-app/dist/460.js	4.4 kB	0 B
packages/esm-service-queues-app/dist/50.js	3.13 kB	+1 B (0%)
packages/esm-service-queues-app/dist/574.js	3.56 kB	0 B
packages/esm-service-queues-app/dist/588.js	6.66 kB	0 B
packages/esm-service-queues-app/dist/591.js	16.9 kB	0 B
packages/esm-service-queues-app/dist/644.js	4.12 kB	0 B
packages/esm-service-queues-app/dist/694.js	2.74 kB	0 B
packages/esm-service-queues-app/dist/696.js	570 B	0 B
packages/esm-service-queues-app/dist/729.js	3.1 kB	0 B
packages/esm-service-queues-app/dist/738.js	554 B	0 B
packages/esm-service-queues-app/dist/757.js	3.54 kB	0 B
packages/esm-service-queues-app/dist/784.js	2.63 kB	0 B
packages/esm-service-queues-app/dist/788.js	3.54 kB	0 B
packages/esm-service-queues-app/dist/806.js	1.6 kB	+1 B (0%)
packages/esm-service-queues-app/dist/807.js	4.83 kB	0 B
packages/esm-service-queues-app/dist/833.js	4.09 kB	0 B
packages/esm-service-queues-app/dist/94.js	157 kB	0 B
packages/esm-service-queues-app/dist/940.js	21.4 kB	0 B
packages/esm-service-queues-app/dist/981.js	3.03 kB	+1 B (0%)
packages/esm-service-queues-app/dist/main.js	210 kB	+182 B (0%)
packages/esm-service-queues-app/dist/openmrs-esm-service-queues-app.js	3.31 kB	-1 B (0%)

_{compressed-size-action}

[chibongho]

LGTM. Thanks!