feat(characters): use local character catalog

src/app/subscription/page.tsx

@@ -9,6 +9,10 @@ import {
   parseSubscriptionReturnTo,
   type PaymentSearchParams,
 } from "@/lib/payment/payment_search_params";
+import {
+  DEFAULT_CHARACTER_SLUG,
+  getCharacterBySlug,
+} from "@/data/constants/character";
 
 import {
   SubscriptionScreen,
@@ -25,6 +29,9 @@ export default async function SubscriptionPage({
   const subscriptionType = toSubscriptionType(
     getFirstPaymentSearchParam(query.type),
   );
+  const characterSlug =
+    getCharacterBySlug(getFirstPaymentSearchParam(query.character))?.slug ??
+    DEFAULT_CHARACTER_SLUG;
   const analyticsContext = parsePaymentAnalyticsContext({
     entryPoint: getFirstPaymentSearchParam(
       query[PAYMENT_ANALYTICS_ENTRY_PARAM],
@@ -42,6 +49,7 @@ export default async function SubscriptionPage({
       returnTo={parseSubscriptionReturnTo(query.returnTo)}
       initialPayChannel={paymentReturn.initialPayChannel}
       analyticsContext={analyticsContext}
+      characterSlug={characterSlug}
     />
   );
 }