feat KHP3-7051: Implement styling for unsettled bill

[its-kios09]

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.
• I checked for feature overlap with existing widgets.

Summary

Screenshots

Related Issue

see https://thepalladiumgroup.atlassian.net/browse/KHP3-7051
None.

Other

None.

[donaldkibet]

Thanks @its-kios09 how does this look for imaging and procedure orders

[its-kios09]

@donaldkibet I can updated the UI to attain the uniformity

[ojwanganto]

Do we still need this? @makombe @its-kios09

[its-kios09]

@donaldkibet I think I will revert the scss styling to maintain the uniformity across the procedure, lab and radiology

[its-kios09]

Thanks @donaldkibet, I hope the changes haven’t disrupted the layout of the other ESMS. This is what we have collaborated on with the UI/UX design squad from the community.

[ojwanganto]

@donaldkibet @makombe - please help with reviews. @its-kios09 - fix the conflicts

[its-kios09]

@ojwanganto sorted

[donaldkibet]

@its-kios09 how does the button look like on dispensing app before we merge this in

[its-kios09]

@donaldkibet It looks the same. The only change I made is aligning the text to the center of the button.