Feat: Implement Product Card Component for Grid View

[Emmadegreat]

Description

Implement Product Card Component in Grid View on the Product Listing Page #1406

Closes #issue_number_here

Changes proposed

What were you told to do?

Create a product card component for the grid view that displays key product details like image, title, price, and stock status.

Implement Product Card Component in Grid View on the Product Listing Page

What did you do?

Implemented the product card for grid view, according to design and task description.

Check List (Check all the applicable boxes)

🚨Please review the contribution guideline for this repository.

• [ ] My code follows the code style of this project.
• [ ] This PR does not contain plagiarized content.
• [ ] The title and description of the PR is clear and explains the approach.
• [ ] I am making a pull request against the dev branch (left side).
• [ ] My commit messages styles matches our requested structure.
• [ ] My code additions will fail neither code linting checks nor unit test.
• [ ] I am only making changes to files I was requested to.

Screenshots/Videos

[github-actions[bot]]

Coverage Report

Status	Category	Percentage	Covered / Total
🔵	Lines	14.48%	781 / 5391
🔵	Statements	14.16%	783 / 5527
🔵	Functions	14.05%	215 / 1530
🔵	Branches	9.56%	226 / 2362

File Coverage

No changed files found.

Generated in workflow #568