fix(my-gears): add missing hover effect to product cards

[nur-hasin]

What does this PR do?

This PR adds a hover effect to all product cards on the My Gears page, making them consistent with the style of the portfolio items. Cards now scale smoothly on hover, and proper spacing has been added for a consistent layout.

Fixes #2006

Recording.2025-08-13.175001.mp4

Type of change

• Bug fix (non-breaking change which fixes an issue)
• Chore (refactoring code, technical debt, workflow improvements)

How should this be tested?

1. Go to the website's header and click on the My Gears section to open the My Gears page.
2. Hover over any product card (e.g., MacBook Pro M1 Chip, Anker USB Hub).
3. Verify that the card now scales smoothly on hover.
4. Check that spacing between all cards is consistent and responsive.

Mandatory Tasks

• Self-reviewed the code
• Verified that hover effect works on all product cards
• Verified that layout spacing is consistent across screen sizes

Checklist

• Code follows project style guidelines
• No new warnings generated in the console
• Existing functionality continues to work as expected
• New hover effect visually matches portfolio items

[vercel]

@nur-hasin 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.