Refactor: Implement type safety plan

src/pages/RideDetail.tsx

@@ -49,13 +49,18 @@ import { VersionIndicator } from '@/components/versioning/VersionIndicator';
 import { EntityHistoryTabs } from '@/components/history/EntityHistoryTabs';
 import { useAuthModal } from '@/hooks/useAuthModal';
 
+// Extended Ride type with additional properties for easier access
+interface RideWithParkId extends Ride {
+  currentParkId?: string;
+}
+
 export default function RideDetail() {
   const { parkSlug, rideSlug } = useParams<{ parkSlug: string; rideSlug: string }>();
   const navigate = useNavigate();
   const { user } = useAuth();
   const { isModerator } = useUserRole();
   const { requireAuth } = useAuthModal();
-  const [ride, setRide] = useState<Ride | null>(null);
+  const [ride, setRide] = useState<RideWithParkId | null>(null);
   const [loading, setLoading] = useState(true);
   const [activeTab, setActiveTab] = useState("overview");
   const [isEditModalOpen, setIsEditModalOpen] = useState(false);
@@ -100,11 +105,15 @@ export default function RideDetail() {
 
         if (rideData) {
           // Store park_id for easier access
-          (rideData as any).currentParkId = parkData.id;
+          const extendedRide: RideWithParkId = {
+            ...rideData,
+            currentParkId: parkData.id
+          };
+          setRide(extendedRide);
           fetchPhotoCount(rideData.id);
+        } else {
+          setRide(null);
         }
-
-        setRide(rideData);
       }
     } catch (error) {
       console.error('Error fetching ride data:', error);
@@ -451,7 +460,7 @@ export default function RideDetail() {
 
                 <SimilarRides 
                   currentRideId={ride.id}
-                  parkId={(ride as any).currentParkId}
+                  parkId={ride.currentParkId}
                   parkSlug={parkSlug || ''}
                   category={ride.category}
                 />
@@ -692,7 +701,7 @@ export default function RideDetail() {
               entityId={ride.id}
               entityType="ride"
               entityName={ride.name}
-              parentId={(ride as any).currentParkId}
+              parentId={ride.currentParkId}
             />
           </TabsContent>