[UI] Improve blog card title truncation and spacing

[Xynash]

Description
This PR fixes #7501.

I have updated the blog/resource card styles to ensure a consistent and clean layout across the site.

Changes:

• Title Truncation
• Title Spacing: Reduced horizontal padding to 1rem for the title line using negative margins, while keeping the rest of the card content at 2rem.
• Byline/Date: Forced the author and date byline to stay on a single line with an ellipsis to prevent wrapping.
• Bottom Spacing

Notes for Reviewers
I've manually verified the CSS logic. Since my local setup is having a conflict with the sharp library . I'll be doing the final visual verification using the Netlify deploy preview as soon as the build finishes.

Signed commits

• Yes, I signed my commits.

[l5io]

🚀 Preview for commit aeb08e2 at: https://69bfce1d215bcc8272afcc91--layer5.netlify.app

[l5io]

🚀 Preview for commit 7bfeaac at: https://69bfd7adb640cf731812448a--layer5.netlify.app

[Bhumikagarggg]

@Xynash Thank you for your contribution! Let's discuss this during the website call tomorrow at 5:30 PM IST | 7 AM CST Add it as an agenda item to the meeting minutes, if you would 🙂

[Siddhi-sahu]

hiii @Xynash, can you please attach before and after screenshots? because I don't see the intended change in netlify preview.