Implement reviews system

src/pages/RideDetail.tsx

@@ -20,6 +20,7 @@ import {
   Heart,
   AlertTriangle
 } from 'lucide-react';
+import { ReviewsSection } from '@/components/reviews/ReviewsSection';
 import { Ride } from '@/types/database';
 import { supabase } from '@/integrations/supabase/client';
 
@@ -462,13 +463,13 @@ export default function RideDetail() {
           </TabsContent>
 
           <TabsContent value="reviews" className="mt-6">
-            <div className="text-center py-12">
-              <Star className="w-16 h-16 text-muted-foreground mx-auto mb-4" />
-              <h3 className="text-xl font-semibold mb-2">Reviews Coming Soon</h3>
-              <p className="text-muted-foreground">
-                User reviews and ratings will be available soon
-              </p>
-            </div>
+            <ReviewsSection
+              entityType="ride"
+              entityId={ride.id}
+              entityName={ride.name}
+              averageRating={ride.average_rating}
+              reviewCount={ride.review_count}
+            />
           </TabsContent>
 
           <TabsContent value="photos" className="mt-6">