Show validation error message on facility cover image upload

[nihal467]

Describe the bug

When we are trying to upload a cover image (attached with this issue) to a facility, the frontend is throwing the "something went wrong" error

Note: When you capture image using the camera component in the cover image module, its working

To Reproduce
Steps to reproduce the behavior:

1. Go to the facility tab
2. click on any facility card
3. try to upload a facility cover image
4. See error

Expected behavior

• when we upload a facility cover image, it should work properly
• Rather than "something went wrong" , proper error's should be thrown incase of failure

Screenshots

[github-actions]

⚠️ Refrain from assigning this issue to yourself if you have another P1 issue assigned that is not yet closed.

[sainak]

backend response:

{"cover_image":["Image width is greater than the maximum allowed width of 1024 pixels.","Image height is greater than the maximum allowed height of 1024 pixels."]}

https://github.com/ohcnetwork/care/blob/11b62ee48998edad6db55fee337ff8e063bd1a0e/care/utils/models/validators.py#L339-L346

[syedfardeenjeelani]

can i work on this issue ? @sainak @nihal467

[nihal467]

@syedfardeenjeelani Could you please prioritize pushing the fix by the end of today? We need to address this issue as soon as possible before our upcoming weekly release.

[syedfardeenjeelani]

Hey @nihal467 , I’ve completed the work on issue #8618 locally. Now, I’ll be moving on to this new issue and i will try my best to have it wrapped up by the end of today.