VER-178: [Frontend] Implement Like/Dislike Functionality for Snippets

[nhphong]

Enhance the snippets feature by adding Like/Dislike functionality. This will involve updating the frontend to display the user's like status for each snippet, allowing users to interact and provide feedback on the snippets they view.

Acceptance Criteria:

1. Add Like/Dislike buttons for each snippet displayed on the frontend.
2. Modify the get_snippets and get_snippet API functions to include user_like_status for each snippet.
3. Display the user_like_status on the frontend to reflect whether the user has liked or disliked each snippet.
4. Ensure the Like/Dislike status updates dynamically when a user interacts with these buttons.
5. Provide visual feedback for users when they like or dislike a snippet (e.g., change button color or icon).
6. Ensure that the functionality is responsive and works seamlessly across different devices and browsers.

Tasks:

• [ ] Update the backend API (get_snippets and get_snippet) to include user_like_status for snippets.
• [ ] Design and implement the Like/Dislike buttons on the snippet display in the frontend.
• [ ] Integrate the API changes to fetch and display user_like_status on the frontend.
• [ ] Implement dynamic UI updates to reflect changes in like/dislike status when a user interacts with the buttons.
• [ ] Test the functionality across various use cases and devices to ensure robustness and responsiveness.
• [ ] Update any relevant frontend documentation or user guides to reflect the new functionality.

Comments:

• Consider using icons that clearly distinguish between liked, disliked, and neutral states to enhance user experience.
• Ensure that the API calls are optimized to handle a large number of snippets efficiently.
• Collaborate with the design team to ensure the UI matches the overall application aesthetic.

[linear[bot]]

VER-178 [Frontend] Implement Like/Dislike Functionality for Snippets