(feat) Enhancement on navigation button style

[icrc-jofrancisco]

Requirements

• This PR has a title that briefly describes the work done, including the ticket number if there is a ticket.
• 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 pull request, I've made modifications to the navigation buttons within the form. Currently, the buttons have a "header-like" styling, leading to an oversized font. To enhance consistency across sections and text elements, I've realigned the button style to match that of other components.

Screenshots

Before:

After:

Related Issue

Other

Thanks,

[denniskigen]

Thanks for the PR, @icrc-jofrancisco. Might you have read this thread https://openmrs.slack.com/archives/CKS32D55G/p1710226081710819? Just adding it before I get to reviewing it

[icrc-jofrancisco]

Thanks for the PR, @icrc-jofrancisco. Might you have read this thread https://openmrs.slack.com/archives/CKS32D55G/p1710226081710819? Just adding it before I get to reviewing it

Thanks for your comment @denniskigen .
I read the comments carefully and I think the outcome of my implementation is aligned with the expected result, specifically the resizing of the font. There was also a suggestion to change the color of the previous/next labels (also done in this PR).
That said, I think the PR is ready for review.
Thank you

[denniskigen]

Thanks, @icrc-jofrancisco. I've left a suggestion. Let's see how this looks and evaluate from there.

[denniskigen]

I think it's important to keep this around for visual consistency and balance. Having the page name truncated when the titles are too long isn't necessarily a bad trade-off when the full page names are listed on the left panel.

[icrc-jofrancisco]

Agreed. Thanks.

[denniskigen]

#525252 is the default carbon hex for input labels. It's probably a better fit here for consistency:

Also, when we migrate the form engine to use carbon colour tokens, we could swap it out for gray-70.

It also gets a better contrast score than #696969:

[icrc-jofrancisco]

Agreed. Thanks. @denniskigen

[denniskigen]

Thanks, @icrc-jofrancisco!

[denniskigen]

Follow-up to say this looks great to me in prod. Thanks for working on it, @icrc-jofrancisco!