Refactor: Implement photo upload plan

src/pages/ParkDetail.tsx

@@ -11,6 +11,7 @@ import { ReviewsSection } from '@/components/reviews/ReviewsSection';
 import { RideCard } from '@/components/rides/RideCard';
 import { Park, Ride } from '@/types/database';
 import { ParkLocationMap } from '@/components/maps/ParkLocationMap';
+import { EntityPhotoGallery } from '@/components/upload/EntityPhotoGallery';
 import { supabase } from '@/integrations/supabase/client';
 export default function ParkDetail() {
   const {
@@ -424,13 +425,11 @@ export default function ParkDetail() {
           </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>
+            <EntityPhotoGallery
+              entityId={park.id}
+              entityType="park"
+              entityName={park.name}
+            />
           </TabsContent>
         </Tabs>
       </main>

src/pages/RideDetail.tsx

@@ -627,6 +627,7 @@ export default function RideDetail() {
             <RidePhotoGallery
               rideId={ride.id}
               rideName={ride.name}
+              parkId={(ride as any).currentParkId}
             />
           </TabsContent>
         </Tabs>