(fix) O3-3397 Fix tooltips alignment in the form

[Art-Ndiema]

Requirements

• [x] 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

1. Tooltip alignment has been fixed,
2. 8 px margin has been added between the tooltip and the label,
3. Content-switcher label has been made bold,
4. The question info for the date picker has been fixed from having the same style as the date picker label,
5. No more empty tooltip being displayed
6. The label and the tooltip and the required components have been merged into one file to only allow the tooltip and the required to be displayed when necessary and only show the label when the two are not needed. This fixes the problem of having an empty tooltip next to a label.

Screenshots

Before Merging this PR

1. 
2. 

   After merging this PR

3. 
4. 

Related Issue

Here is the Jira Ticket https://openmrs.atlassian.net/browse/O3-3397

Other

@hadijahkyampeire , @arodidev and @CynthiaKamau please review 😊

[samuelmale]

@Art-Ndiema I just pushed a commit with changes that:

1. Ensure the label isn't duplicated for date-time rendering
2. Remove redundant styles
3. More UI refinements

[CynthiaKamau]

@samuelmale do you still have any more feedback ?

[samuelmale]

@CynthiaKamau can we resolve this test case?

[Art-Ndiema]

@CynthiaKamau can we resolve this test case?

@samuelmale , the test was addressed from line 252 to 260