(feat) O3-3899: Tweak photo picker in the registration form

[Twiineenock]

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

This PR resolves several issues with the photo picker as described in detail within this ticket. The updates are based on the design outlined here, aimed at improving user experience and functionality.

• Enabled users to add or change an image directly in place.
• Integrated upload files and webcam options within the same context for enhanced flexibility.
• Updated the edit button functionality to toggle between add mode and change mode.

Screenshots

Addition mode(No image to display)

Edit mode(changing an image)

Related Issue

https://openmrs.atlassian.net/browse/O3-3899

Other

Screancast to demonstrate the workflow

photo-picker-2.webm

[Twiineenock]

FYI @usamaidrsk , @vasharma05

[usamaidrsk]

Thanks @Twiineenock for the work, I have a few suggestions.

I am not sure if this component is only used to capture patient image, I will refer that to @denniskigen or @vasharma05 to confirm.

[denniskigen]

LGTM

Addressed in subsequent commits