Modal Overflow and Scrolling Issue

[vaishnaviadhau]

Current Behavior
When users click on a deployment model to open a modal window on meshery.io/catalog website, the top part of the modal content is cut off and users are unable to scroll to see the entire content.

Screenshots

Expected Behavior
The modal window should be centered vertically and horizontally. Users should be able to scroll through the content if it exceeds the available height, ensuring that all content is accessible and visible.

meshery.io.catalog.mp4

---

Contributor Guides and Handbook

The meshery.io website uses Jekyll and GitHub Pages. Site content is found under the master branch.

• 📚 See the Contributing to Meshery.io Website section of the readme.md and other contributing instructions, too.
• 🎨 Wireframes and designs for Meshery UI in Figma (open invite)
• 🙋🏾🙋🏼 Questions: Discussion Forum and Community Slack

[welcome]

Thanks for opening this issue. A contributor will be by to give feedback soon. In the meantime, please review the Newcomers' Guide and sure to join the community Slack.

[vaishnaviadhau]

@antweiss @ctcarrier @ramrodo @hexxdump I would like to work on this issue . Could you please assign this to me

[kanishk6103]

This issue has already been raised: #1803
a PR for the same has been raised as well: #1805

[vaishnaviadhau]

okay