Fix: modal & catalog styles

[abhishekmmgn]

Description

This PR fixes modal in catalog page

List of changes/fixes:

• Added spacing between filters and the catalog
• z index and top margin of the help modal.
• Increased font size of title in modal to 28px
• Read more shows only if there is more content
• General spacing
• General UI issues
• Added mini card (related pattern card) on viewport width ~600 - 1150
• changed ...read more to Read More
• Gap in the catalog

Notes for Reviewers

modal-issue.webm

Signed commits

• [x] Yes, I signed my commits.

[netlify[bot]]

✅ Deploy Preview for mesheryio-preview ready!

Name	Link
🔨 Latest commit	a71faeb1f97df095ab84ccf098185ee9a569e79b
🔍 Latest deploy log	https://app.netlify.com/sites/mesheryio-preview/deploys/66150a77f9c88d0008a8076f
😎 Deploy Preview	https://deploy-preview-1701--mesheryio-preview.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.

[vishalvivekm]

@abhishekmmgn Let's discuss this on websites call. Add this as an agenda item to the meeting minutes, if you would :)