Issue in uploading images

[rajku-dev]

Describe the bug
The image dimensions requirement often prevent users from uploading the cover photo, leading to failed uploads in approximately 90% of cases. The required dimensions are a minimum of 400px in width and height, with a maximum of 1024px for both. Even a slight deviation from these limits frequently results in a poor user experience.

ux with normal photos from internet

demo.mp4

To Reproduce

1. Go to '/facility'
2. Click on 'cover photo of any facility'
3. Click on Edit -> Upload an image
4. Choose an image and see if error occurs

Expected behavior
If an image is within the 1MB size limit but does not fit the required dimensions, it should be resized (stretched or shrunk) to match the required dimensions before upload, ensuring a smoother user experience

Proposed Solution

sol.mp4

Desktop (please complete the following information):

• Windows 11
• Google Chrome
• Version 131.0.6778.205 (Official Build) (64-bit)

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context
Add any other context about the problem here.

[rajku-dev]

I would like to work on this issue. @Jacobjeevan @rithviknishad @bodhish

[kabenari]

@Jacobjeevan @gigincg @athulmanuel would like to work on this issue

[rithviknishad]

This is expected behaviour.