Media form elements deleted from form before sync are still synced and saved as observations

[1t5j0y]

Describe the bug
If a user edits a media form element to remove items that were previously added, the removed media items are still present in MediaQueue and as a result are uploaded to S3 and saved as observations

To Reproduce
Steps to reproduce the behavior:

1. Perform a registration/encounter that has a Media form element with multiselect type and add one image
2. Save the form
3. Edit the form to remove previously added image and add a different image
4. Save the form
5. Sync
6. Go back to the form - Notice that both the images are shown.

Expected behavior
Removed image should not be uploaded to S3 or saved as observation.

Video

removed-media-saved-2023-10-18_12.14.46.mp4

Developer Checklist
Developer fixing the bug should fill this checklist.

• Does the fix require extensive regression testing?
• Are you mentioning the required scenarios that could be affected?