Refactor: Uniformly use AuthModalContext

src/pages/RideDetail.tsx

@@ -47,12 +47,14 @@ import { useUserRole } from '@/hooks/useUserRole';
 import { toast } from '@/hooks/use-toast';
 import { VersionIndicator } from '@/components/versioning/VersionIndicator';
 import { EntityHistoryTabs } from '@/components/history/EntityHistoryTabs';
+import { useAuthModal } from '@/hooks/useAuthModal';
 
 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 [loading, setLoading] = useState(true);
   const [activeTab, setActiveTab] = useState("overview");
@@ -233,13 +235,7 @@ export default function RideDetail() {
           
           <Button 
             variant="outline"
-            onClick={() => {
-              if (!user) {
-                navigate('/auth');
-              } else {
-                setIsEditModalOpen(true);
-              }
-            }}
+            onClick={() => requireAuth(() => setIsEditModalOpen(true), "Sign in to edit this ride")}
           >
             <Edit className="w-4 h-4 mr-2" />
             Edit Ride