feat: review

services/frontend/src/pages/Review/modules/reviews-list.tsx

@@ -1,6 +1,7 @@
 import { Review } from "@/shared/types/review";
 import { ReviewCard } from "../components/review-card";
 import { NoReviews } from "./no-reviews";
+import { ReviewDialog } from "./review-dialog";
 
 interface ReviewsListProp {
   reviews: Review[];
@@ -14,7 +15,9 @@ export const ReviewsList = ({ reviews }: ReviewsListProp) => {
   return (
     <div className="flex flex-col items-stretch gap-5">
       {reviews.map((review) => (
-        <ReviewCard key={review.id} review={review} />
+        <ReviewDialog key={review.id} reviewId={review.id}>
+          <ReviewCard review={review} />
+        </ReviewDialog>
       ))}
     </div>
   );