fix: Show validation error message on facility cover image upload (#8625)

[syedfardeenjeelani]

Proposed Changes

• Fixes Show validation error message on facility cover image upload #8625
• Added frontend validation for image dimensions (width and height) before uploading the facility cover image.
• Displayed a specific error message when the image exceeds the allowed 1024x1024 pixel size.

Video Demo:
https://github.com/user-attachments/assets/f0c8d680-8885-4856-a2ee-77fbebd27964

@ohcnetwork/care-fe-code-reviewers
@nihal467

Merge Checklist

• Add specs that demonstrate bug / test a new feature.
• Update product documentation.
• Ensure that UI text is kept in I18n files.
• Prep screenshot or demo video for changelog entry, and attach it to issue.
• Request for Peer Reviews.
• Completion of QA.

[netlify]

✅ Deploy Preview for care-ohc ready!

Name	Link
🔨 Latest commit	9ebaf2d
🔍 Latest deploy log	https://app.netlify.com/sites/care-ohc/deploys/66f68e367f4400000824e3de
😎 Deploy Preview	https://deploy-preview-8639--care-ohc.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[rithviknishad]

Can we instead show the error from the backend as is as mentioned in issue comment instead of duplicating the validations and checks from client too?

[syedfardeenjeelani]

Can we instead show the error from the backend as is as mentioned in issue comment instead of duplicating the validations and checks from client too?

sure

[syedfardeenjeelani]

Can we instead show the error from the backend as is as mentioned in issue comment instead of duplicating the validations and checks from client too?

here is the demo of the video

Recording.2024-09-26.195959.1.mp4

[syedfardeenjeelani]

@rithviknishad how to fix these errors

[nihal467]

LGTM

[github-actions]

@syedfardeenjeelani Your efforts have helped advance digital healthcare and TeleICU systems. 🚀 Thank you for taking the time out to make CARE better. We hope you continue to innovate and contribute; your impact is immense! 🙌