fix(ui): improve card headline contrast on hover in dark mode

[pari-dubey1]

📦 Pull Request: Civix Contribution

✅ Description

This PR resolves the UI bug where card headlines and descriptions on the About page became unreadable on hover in dark mode.
By adding specific dark mode and group-hover text color utilities from Tailwind CSS, the text now correctly inverts its color to maintain high contrast against the light background that appears on hover.
Fixes: #671

📂 Type of Change

• Bug Fix 🐛
• New Feature ✨
• Documentation 📚
• UI/UX Enhancement 🎨
• Refactor 🧹
• Other:

📋 Checklist

• My code follows the contribution guidelines of Civix
• I have tested my changes locally
• I have updated relevant documentation
• I have linked related issues (if any)
• This pull request is ready to be reviewed

🎥 Screenshots (on hovering)

Before:

After:

[vercel]

@pari-dubey1 is attempting to deploy a commit to the harshs16's projects Team on Vercel.

A member of the Team first needs to authorize it.

[github-actions]

Thanks for creating a PR for your Issue! ☺️

We'll review it as soon as possible.
In the meantime, please double-check the file changes and ensure that all commits are accurate.

If there are any unresolved review comments, feel free to resolve them. 🙌🏼

[pari-dubey1]

@HarshS16 please authorize this.

[pari-dubey1]

@HarshS16 sir you closed this without merging?