WorkshopPageWrapper - Card content overflow on workshops page

[smartdev09]

Description
Summary
Fixes the visual layout issue where card content (Slack icon, expansion icon, and "Read More" button) was overflowing beyond the card boundaries on the /learn/workshops page.

This PR fixes #7278

Notes for Reviewers

CSS Changes (WorkshopsGrid.style.js):

• Added position: relative to .workshop-grid-card to establish positioning context
• Changed .btn-and-status from top: 92% to bottom: 0 for reliable bottom positioning
• Replaced nested absolute positioning with simple flexbox layout
• Added proper alignment with align-items: center and spacing with gap

HTML Restructure (index.js):

• Grouped left-side icons (Slack + expansion) into .left-icons container
• Simplified markup by removing unnecessary wrapper divs (.linkAndReadBtns, .expand, .externalLink)
• HTML order now matches visual order for better accessibility

Screenshots:

Signed commits

• [✅] Yes, I signed my commits.

[l5io]

🚀 Preview for commit 3cbe79c at: https://694aab5fe0c782fdd395771f--layer5.netlify.app

[saurabhraghuvanshii]

Thanks @smartdev09 lgtm!!