refactor(router): centralize app route transitions

src/app/subscription/use-subscription-payment-flow.ts

@@ -1,16 +1,12 @@
 "use client";
 
 import { useEffect, useRef, useState } from "react";
-import { useRouter } from "next/navigation";
 
-import {
-  consumeSubscriptionExitUrl,
-  peekSubscriptionExplicitExitUrl,
-} from "@/lib/navigation/subscription_exit";
 import {
   clearPendingPaymentOrder,
   getPendingPaymentOrderForType,
 } from "@/lib/payment/pending_payment_order";
+import { useAppNavigator } from "@/router/use-app-navigator";
 import {
   usePaymentDispatch,
   usePaymentState,
@@ -33,7 +29,7 @@ export function useSubscriptionPaymentFlow({
   returnTo,
   initialPayChannel,
 }: UseSubscriptionPaymentFlowInput) {
-  const router = useRouter();
+  const navigator = useAppNavigator();
   const userDispatch = useUserDispatch();
   const payment = usePaymentState();
   const paymentDispatch = usePaymentDispatch();
@@ -148,22 +144,13 @@ export function useSubscriptionPaymentFlow({
   }, [payment.currentOrderId, payment.isPaid, payment.status]);
 
   const handleBackClick = () => {
-    void (async () => {
-      router.replace(await consumeSubscriptionExitUrl(returnTo));
-    })();
+    navigator.exitSubscription(returnTo);
   };
 
   const handlePaymentSuccessClose = () => {
-    void (async () => {
-      setShowPaymentSuccessDialog(false);
-      paymentDispatch({ type: "PaymentReset" });
-      const pendingExitUrl = await peekSubscriptionExplicitExitUrl();
-      if (pendingExitUrl) {
-        router.replace(pendingExitUrl);
-        return;
-      }
-      router.replace(await consumeSubscriptionExitUrl(returnTo));
-    })();
+    setShowPaymentSuccessDialog(false);
+    paymentDispatch({ type: "PaymentReset" });
+    navigator.exitSubscriptionAfterSuccess(returnTo);
   };
 
   return {