(feat) Various UI mods

[denniskigen]

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

This PR applies various UI refactors to the Medication Dispensing UI, including:

• Fixing the thick border between the table rows (by setting display: none on the collapsed TableExpandedRow).
• Fixing the double top border on the pagination container of the datatable.
• Adding an empty state to the DataTable when the search term doesn't yield any matching prescriptions.
• Fixing the translation string in the Prescription details Allergies tile to account for plurals.

Other changes include:

• Enabling linting for stylesheets (an oversight from the past). This explains the large diff owing from running Prettier on all the stylesheets.
• Enabling linting for tests

Screenshots

Before

After

Related Issue

Other

[denniskigen]

This is for consistent spacing between the form elements.

[denniskigen]

So the pagination container is hidden in the empty state.

[mogoodrich]

Thanks @denniskigen !

It's hard for me to review with all the formatting changes, but I trust you... :)

Why all the formatting changes, is yarn lint not set up properly?

[ibacher]

Why all the formatting changes, is yarn lint not set up properly?

I think it mostly derives from the fact that we used to have prettier ignore most things that weren't Typescript files, and we've been changing things so that we use it to reformat Sass files as well.

[mogoodrich]

I think it mostly derives from the fact that we used to have prettier ignore most things that weren't Typescript files, and we've been changing things so that we use it to reformat Sass files as well.

Ah, right, I'm seeing that now... thanks @denniskigen !