Requirements

• [x] This PR has a title that briefly describes the work done including the ticket number. Ensure your PR title includes a conventional commit label (such as feat, fix, or chore, among others). See existing PR titles for inspiration.

For changes to apps

• [ ] My work conforms to the O3 Styleguide and design documentation.

If applicable

• [ ] My work includes tests or is validated by existing tests.
• [ ] I have updated the esm-framework mock to reflect any API changes I have made.

Summary

The page-header is re-built multiple times across pages. It should be a re-usable UI / code component as explained in detail by Ciarán Duffy here.

With this PR, a reusable component is created and tested on the openmrs-esm-patient-management using yalc and import map overrides.

Sibling pull request in openmrs-esm-patient-management with implementation

https://github.com/openmrs/openmrs-esm-patient-management/pull/1236

Implementaion Screancast in openmrs-esm-patient-management:

page-header.webm

Screenshots

Patient lists

Appointments

service queues

Related Issue

Other

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