Add photo gallery and upload

src/pages/RideDetail.tsx

@@ -23,6 +23,7 @@ import {
 } from 'lucide-react';
 import { ReviewsSection } from '@/components/reviews/ReviewsSection';
 import { MeasurementDisplay } from '@/components/ui/measurement-display';
+import { RidePhotoGallery } from '@/components/rides/RidePhotoGallery';
 import { Ride } from '@/types/database';
 import { supabase } from '@/integrations/supabase/client';
 
@@ -53,7 +54,7 @@ export default function RideDetail() {
           .from('rides')
           .select(`
             *, 
-            park:parks!inner(name, slug, location:locations(*)),
+            park:parks!inner(id, name, slug, location:locations(*)),
             manufacturer:companies!rides_manufacturer_id_fkey(*),
             designer:companies!rides_designer_id_fkey(*)
           `)
@@ -567,13 +568,10 @@ export default function RideDetail() {
           </TabsContent>
 
           <TabsContent value="photos" className="mt-6">
-            <div className="text-center py-12">
-              <Camera className="w-16 h-16 text-muted-foreground mx-auto mb-4" />
-              <h3 className="text-xl font-semibold mb-2">Photo Gallery Coming Soon</h3>
-              <p className="text-muted-foreground">
-                Photo galleries and media uploads will be available soon
-              </p>
-            </div>
+            <RidePhotoGallery
+              rideId={ride.id}
+              rideName={ride.name}
+            />
           </TabsContent>
         </Tabs>
       </main>