(feat) Restore side navigation

[samuelmale]

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

Brings back the form's side navigation with some improvements! The nav shows up when you have multiple pages and enough screen space (extra-wide or ultra-wide workspace).

Under the Hood

Three new hooks make this work:

1. useFormWorkspaceSize: Figures out how much space we have to work with
2. usePageObserver: Keeps track of pages, errors, and what's visible
3. useCurrentActivePage: Handles page navigation

Known Limitations

Few things we might want to add later:

• Can't jump directly to fields with errors yet
• No toggle to hide/show the navigation
• No "mark all as unspecified" feature

Screenshots

extra-wide workspace:

ultra-wide workspace:

wider workspace:

Related Issue

Other

[github-actions]

Size Change: -353 kB (-22%) 🎉

Total Size: 1.25 MB

Filename	Size	Change
dist/343.js	0 B	-253 kB (removed)	🏆
dist/697.js	0 B	-111 kB (removed)	🏆

ℹ️ View Unchanged

Filename	Size	Change
dist/151.js	379 kB	0 B
dist/225.js	2.57 kB	0 B
dist/254.js	88.7 kB	0 B
dist/277.js	1.85 kB	0 B
dist/300.js	642 B	0 B
dist/335.js	968 B	0 B
dist/353.js	3.02 kB	0 B
dist/41.js	3.37 kB	0 B
dist/539.js	262 kB	0 B
dist/540.js	2.63 kB	0 B
dist/55.js	758 B	0 B
dist/585.js	112 kB	0 B
dist/635.js	14.4 kB	0 B
dist/690.js	11.5 kB	0 B
dist/70.js	483 B	0 B
dist/979.js	6.87 kB	0 B
dist/99.js	691 B	0 B
dist/993.js	3.09 kB	0 B
dist/main.js	354 kB	+9.93 kB (+2.88%)
dist/openmrs-esm-form-engine-lib.js	3.8 kB	+1 B (+0.03%)

_{compressed-size-action}

[denniskigen]

Could we get some early design feedback on this, @samuelmale? Screenshots or videos would be ideal.