(fix) O3-3682 - Refactor File Picker Component and Fix Multiple Selection Support

[suubi-joshua]

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 refactors the file picker component in the form engine to align with standard input design and improve functionality. The handleFilePickerChange function now supports multiple file selections, allowing users to upload multiple files by appending them to the existing value using the field.questionOptions.allowMultiple configuration. The component also displays previews for all selected files, integrates camera capture functionality with live preview and upload options, and addresses previous limitations in file selection and usability, ensuring a consistent and enhanced user experience.

Screenshots

Screencast.from.27-11-24.18.06.45.webm

Related Issue

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

Other

[samuelmale]

Thanks for the PR @suubi-joshua! Just a couple of concerns:

1. Can you attach screenshots or a short video as a visual aid for the reviewers?
2. Can you add unit tests for your changes?

[suubi-joshua]

Thanks for the PR @suubi-joshua! Just a couple of concerns:

1. Can you attach screenshots or a short video as a visual aid for the reviewers?

2. Can you add unit tests for your changes?

@samuelmale I made some changes and added that video. Remaining with unit test.