feat(payment): implement first recharge offer functionality and UI updates

src/stores/payment/payment-context.tsx

@@ -21,6 +21,8 @@ import type {
 export interface PaymentContextState {
   status: string;
   plans: MachineContext["plans"];
+  isFirstRecharge: MachineContext["isFirstRecharge"];
+  firstRechargeOffer: MachineContext["firstRechargeOffer"];
   selectedPlanId: string;
   payChannel: MachineContext["payChannel"];
   autoRenew: boolean;
@@ -50,6 +52,8 @@ export function PaymentProvider({ children }: PaymentProviderProps) {
     () => ({
       status: String(state.value),
       plans: state.context.plans,
+      isFirstRecharge: state.context.isFirstRecharge,
+      firstRechargeOffer: state.context.firstRechargeOffer,
       selectedPlanId: state.context.selectedPlanId,
       payChannel: state.context.payChannel,
       autoRenew: state.context.autoRenew,