(fix) Fix accordion wrapper UI in the React Form Engine

[kajambiya]

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

Issue
The UI breaks when a form section is collapsed and expanded again. The root cause is a style introduced by the current Carbon version in the form-engine-app, which sets max-block-size: 32px; when the form section is expanded.

Previous Fix
This issue was initially addressed in PR #341, where we attempted to override the problematic style at the form page level.

Current Fix
The issue has resurfaced, so we've applied the override at the form-engine container level.

Future Resolution
We anticipate that once the Carbon version is upgraded (see PR here), this override will no longer be necessary.

Screenshots

Issue:

Screen.Recording.2024-07-11.at.15.36.51.mov

Fix:

Screen.Recording.2024-07-11.at.15.43.49.mov

Related Issue

Other

[samuelmale]

I would expect this fix (in the RFE lib) to suffice; Meaning bumping RFE should fix this issue.

[samuelmale]

Closing this because issue has been fixed at 4b7bba8