feat: add active prop

Author: G3root

src/components/billing/pricing/index.tsx

@@ -91,6 +91,7 @@ function Plans({ products, subscription }: PricingProps) {
 
           return (
             <PricingCard
+              active={subscription?.priceId === price.id}
               key={product.id}
               title={product.name}
               description={product.description}

src/components/billing/pricing/pricing-card.tsx

@@ -15,6 +15,7 @@ interface PricingCardProps extends Omit<ButtonProps, "children"> {
   price: string;
   interval: PricingPlanInterval;
   subscribed: boolean;
+  active: boolean;
 }
 
 const humanizedInterval: Record<PricingPlanInterval, string> = {
@@ -30,6 +31,7 @@ export function PricingCard({
   interval,
   price,
   subscribed,
+  active,
   ...rest
 }: PricingCardProps) {
   return (