Enhance Review Section with Visual Statistics and Image Uploads

[IkkiOcean]

Description:

This pull request introduces enhancements to the Review Section, improving both the user experience and engagement. The two main features added are:

1. Visual Statistics for Reviews:

   • A summary of review data is displayed to provide users with quick insights about the product’s overall rating, average score, and review distribution.
   • These statistics will help users make informed decisions based on a product's review patterns.

2. Image Upload Option in Reviews:

   • Users can now upload images along with their reviews, adding more context and relatability to their feedback.
   • This helps to increase trust and credibility by allowing users to share real-world examples and experiences related to the product.

---

Related Issue:

• closes [Feature Request]: Improve Review Section with Stats and Feature to Upload images in Database #851

---

How to Test:

1. Review Statistics:

   • Check that the average rating and distribution (e.g., percentage of 5-star, 4-star ratings) are displayed at the top of the review section.
   • Ensure that the review statistics dynamically update as new reviews are submitted.

2. Image Upload:

   • Go to the review section and add a review with an image.
   • Check that the image is displayed correctly along with the review text.
   • Verify that only valid image formats (e.g., JPG, PNG) are accepted, and larger file sizes (over 5MB) are rejected.

3. Submission Flow:

   • Submit a review with a rating, comment, and an image.
   • Ensure the review is added successfully to the list of reviews and is visible with the appropriate statistics displayed.

---

Changes:

• Added review statistics displaying the average rating, total number of reviews, and rating distribution (percentage of 1-star, 2-star, etc.).
• Implemented image upload functionality in the review form, allowing users to upload and preview images.
• Updated the backend to handle image uploads and store them alongside the review data.
• Refined UI to display statistics and image thumbnails in a user-friendly manner.

---

Impact:

• Frontend: Updated the review form with an image upload feature and enhanced the review statistics display.

Future Improvements:

• Add more detailed review statistics, such as sentiment analysis of comments.
• Implement a gallery feature to view images associated with reviews in more detail.

[vercel]

Deployment failed with the following error:

Resource is limited - try again in 7 minutes (more than 100, code: "api-deployments-free-per-day").

[github-actions]

Thank you for submitting your pull request! 🙌 We'll review it as soon as possible. In the meantime, please ensure that your changes align with our CONTRIBUTING.md. If there are any specific instructions or feedback regarding your PR, we'll provide them here. Thanks again for your contribution! 😊

[github-actions]

🎉 Your pull request has been successfully merged! 🎉 Thank you for your valuable contribution to our project. Your efforts are greatly appreciated. Feel free to reach out if you have any more contributions or if there's anything else we can assist you with. Keep up the fantastic work! 🚀