Feat: Implement the "Save Changes" Button on the Edit Product Details Page

[Emmadegreat]

Description

Github Issie: https://github.com/hngprojects/hng_boilerplate_nextjs/issues/1404

Closes #issue_number_here

Changes proposed

To implement a "Save Changes" button that successfully saves all modifications made on the product details page.

What were you told to do?

To implement a "Save Changes" button. A success message is displayed upon successful save.

mplement the "Save Changes" Button on the Edit Product Details Page

What did you do?

I implemented the save changes button, tht allows users to save the changes made on the product detail edit page. Upon clicking and successful saving of the changes, an alert messages is displayed to user to confirm the changes has been saved.

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.55%	785 / 5393
🔵	Statements	14.24%	787 / 5525
🔵	Functions	14%	215 / 1535
🔵	Branches	9.86%	230 / 2331

File Coverage

No changed files found.

Generated in workflow #478