Implement review submission logic by creating AddReviewModal.tsx

[dudchakk]

Description: This PR implements the design and functionality of the Add review modal, allowing users to leave feedback after a collaboration.

!! Important: For testing purposes, for now the modal opens when clicking on the Close cooperation button. After the functional will be finished, the modal will open after the user confirmes that he wants to close the cooperation.

UI part:

• Developed the UI and layout of the modal based on the design specifications;
• Added controlled inputs for rating and review fields;
• Implemented conditional descriptions for students and tutors;
• Included Ukrainian translations for all text.

How it looks:

Logic part:

Required fields for a review on backend:

• Created ReviewService && submitReview function to send review data according to backend requirements`;
• Integrated data from two sources: CooperationDetails (information about the target user & offer) and input data in AddReviewModal (comment & rating);
• Utilized the useAxios hook to handle API communication, handle errors and give feedback for the user, indicating the success or failure of the submission;
• Used the useForm hook to manage the modal’s form state including input values, validation and submission logic.

How it works:

Recording.submit-review.mp4

[sonarqubecloud]

Quality Gate failed

Failed conditions
34.0% Coverage on New Code (required ≥ 80%)

See analysis details on SonarQube Cloud