Feat: Implement the "Delete" Button on Product Card being displayed on the Grid page of Product Listing

[Emmadegreat]

Description

Implement the "Delete" Button on Product Card being displayed on the Grid page of Product Listing #1409

Closes #issue_number_here

Changes proposed

To implement a "Delete" button on each product card in the grid view that allows users to delete the product.

What were you told to do?

What did you do?

The "Delete" button is visible on each of the product card used in the product view.
Clicking the button triggers a confirmation prompt for delete
Upon confirmation, the product is soft deleted and removed from the grid.
Proper error handling is implemented if the deletion fails.

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.
  Figma link: https://www.figma.com/design/VEItfX6St5NSAqqNHImcxD/HNG-Boilerplate-Designs?node-id=4-33159&t=3cj3OtSnuhaVpGW9-0

Screenshots/Videos

[github-actions]

Coverage Report

Status	Category	Percentage	Covered / Total
🔵	Lines	14.5%	778 / 5365
🔵	Statements	14.17%	780 / 5501
🔵	Functions	14.02%	213 / 1519
🔵	Branches	9.84%	229 / 2325

File Coverage

No changed files found.

Generated in workflow #522