fix: equalized course card height on homepage (#2094)

[RudreshTrivedi013]

What does this PR do?

This PR fixes inconsistent course card heights on the homepage.
The card layout and styling were adjusted to maintain a uniform height across all cards, improving visual balance and user experience.

Fixes: #2094

Motivation:
Previously, course cards had uneven heights depending on subtitle length, which affected alignment. This change standardizes card dimensions and makes the grid more consistent.

Type of change

Bug fix (non-breaking change which fixes an issue)

Chore (refactoring code, technical debt, workflow improvements)

New feature (non-breaking change which adds functionality)

Breaking change (fix or feature that would cause existing functionality to not work as expected)

This change requires a documentation update

How should this be tested?

Run the app using npm run dev

Open http://localhost:3000

Navigate to the homepage (course section)

Verify that all course cards now have consistent height and proper alignment across all screen sizes

Mandatory Tasks

I have self-reviewed my code and verified consistent styling

I have tested the fix locally on multiple screen sizes

Checklist

I have read the contributing guide

My code follows the style guidelines of this project

I have commented my code where necessary

My changes generate no new warnings

I have verified the fix visually

[vercel]

@RudreshTrivedi013 is attempting to deploy a commit to the Piyush Garg's projects Team on Vercel.

A member of the Team first needs to authorize it.