Changes

Co-authored-by: renee-png <262607627+renee-png@users.noreply.github.com>

src/routes/collections.$collectionId.tsx

@@ -26,6 +26,7 @@ import {
   DialogTitle,
 } from "@/components/ui/dialog";
 import { CollectionDetail } from "@/components/cases/collections-tab";
+import { PaymentPlansPanel } from "@/components/collections/payment-plans-panel";
 import { formatDate } from "@/lib/format";
 import {
   ArrowLeft,
@@ -428,6 +429,9 @@ function CollectionDetailRoute() {
           </CardContent>
         </Card>
 
+        {/* Payment plans */}
+        <PaymentPlansPanel collectionId={collection.id} />
+
         {/* Ledger */}
         <CollectionDetail
           collection={collection}