Feature: Implement the Comments Section (display area and field) in the Edit Product Details PageComment

[Emmadegreat]

Description

Github Issue: https://github.com/hngprojects/hng_boilerplate_nextjs/issues/1402

Closes #issue_number_here

Changes proposed

To implement a comments section that displays user comments and a field that allows users to add new comments

What were you told to do?

The comments section is visible on the product details page. Existing comments are displayed in chronological order. Users can input and post new comments using a text field.

Implement the Comments Section (display area and field) in the Edit Product Details Page #1402

What did you do?

I impemeted a comment text area in the product detail edit page. The feature allowss users to add a comment and see their comment too. However, since its not fetching data from the backend users won't able to save their profile picture.

attached is the screenshort

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.53%	784 / 5393
🔵	Statements	14.22%	786 / 5525
🔵	Functions	14%	215 / 1535
🔵	Branches	9.73%	227 / 2331

File Coverage

No changed files found.

Generated in workflow #470