fix(web): resolve screenshot preview image rendering

[devvarshney45]

Fixes #2045

What this PR does

This PR fixes screenshot preview image rendering issues on the Screenshots page.

Problem

Some screenshot preview cards displayed images with unwanted cropping and misalignment. The full image was visible in the modal view, but preview cards cut off portions of screenshots, resulting in inconsistent presentation.

Changes Made

• Fixed screenshot preview image rendering in screenshot cards.
• Improved image alignment and display consistency.
• Prevented unwanted cropping of screenshots in preview cards.
• Preserved the existing responsive layout and modal behavior.

Testing

• Verified locally on Chrome (macOS).
• Confirmed screenshot cards display images correctly.
• Confirmed modal view remains unchanged.
• Confirmed the application builds and runs successfully.

Issue

Closes #2045

[github-actions]

Thank you @, for creating the PR and contributing to our UltimateHealth project 💗.
Our team will review the PR and will reach out to you soon! 😇
Make sure that you have marked all the tasks that you are done with ✅.
Thank you for your patience! 😀

[github-actions]

❌ PR Validation Failed

This PR was marked as gssoc:invalid because: No linked issues found in the PR description using standard keywords (e.g., 'Fixes #123', 'Issue #123').

To resolve this, please ensure your PR description links an issue (e.g., Fixes #123) and that you are either the creator or an assignee of that issue.

[devvarshney45]

Hi maintainers,

I have updated the PR description and linked the assigned issue using:

Fixes #2045

Could you please rerun the validation or remove the gssoc:invalid label if everything looks correct?

Thank you.

[devvarshney45]

Hi @maintainers,

I have already submitted a PR for this issue:
#2045

The fix is complete and ready for review. Kindly review it when possible.

Thank you.