fix: align product link pills between overview cards

[subhrat123]

Summary

This PR fixes the misalignment of the product link pills between the "APIs and Developer Tools" and "Data Studio" cards in the Engine & Studio overview section.

The issue occurred because the desktop card container used a grid layout, causing the product link section to be positioned at different heights when the card descriptions had different lengths.

Changes

• Added a local ui.container override (lg:flex!) to both overview cards.
• Kept the fix scoped only to the affected cards without modifying the global UPageCard configuration.
• Ensured the product link pills remain aligned while preserving the existing design and responsive behavior.

Before

Misaligned product link pills due to different content heights.

After

Product link pills are properly aligned across both cards.

Testing

• ✅ Reproduced the issue locally.
• ✅ Verified the alignment is fixed on desktop.
• ✅ Verified the layout remains responsive on smaller screen sizes.
• ✅ Confirmed no visual regressions on the affected page.

Fixes #691

[vercel]

@subhrat123 is attempting to deploy a commit to the Directus Team on Vercel.

A member of the Team first needs to authorize it.

[ComfortablyCoding]

Thanks! It's looking great on larger screens.

On smaller screens, the pills are still misaligned. Ideally, the top row of pills on the left card align with the 2 pills in the right. The below image was on 650px screen size

[subhrat123]

@ComfortablyCoding
Thanks for the feedback! I've updated the layout to improve the alignment of the feature pills on smaller screens (around the 650px breakpoint). Please let me know if you'd like any further adjustments.