UX Questionnaire adjustments

[FikriMilano]

IMPORTANT: Where possible all PRs must be linked to a Github issue

Fixes #1974

Checklist

• I have written Unit tests for any new feature(s) and edge cases for bug fixes
• I have added any strings visible on UI components to the strings.xml file
• I have updated the CHANGELOG.md file for any notable changes to the codebase
• I have run ./gradlew spotlessApply and ./gradlew spotlessCheck to check my code follows the project's style guide
• I have built and run the fhircore app to verify my change fixes the issue and/or does not break the app

[ellykits]

Any update on this PR @FikriMilano?

[FikriMilano]

hi @ellykits, sorry I haven't continue on this.
I was assigned on something else.

let me follow up w @f-odhiambo on the priority of this PR.

[HenryRae]

@FikriMilano some of the things not mentioned here might still stand. Feel free to reachout incase of any questions

Main comparison

Common issues, specs are off:

1. App header: Background color, text & icon color, padding between elements, padding between app header navigation & scroll progress.
   

2. Input fields: input fields structure same as googles with slight styling differences e.g bigger text sizes. Rest of the input field components can be found in the main design system file
   

3. Submit button & container: button round edges, and text alignment, container padding and alignment.
   

4. Page padding/Margin left and right: as shown in first image