Dashboard: Update pricing cards, style tweaks

Author: MananTank

apps/dashboard/src/app/team/[team_slug]/(team)/~/settings/billing/components/PlanInfoCard.tsx

@@ -156,7 +156,7 @@ export function PlanInfoCardUI(props: {
       </div>
 
       {props.team.billingPlan !== "free" && (
-        <div className="flex flex-col items-center justify-between gap-4 border-t p-4 lg:flex-row lg:p-6">
+        <div className="flex flex-col gap-4 border-t p-4 lg:flex-row lg:items-center lg:justify-between lg:p-6">
           <p className="text-muted-foreground text-sm">
             <span>
               Adjust your plan here to avoid unnecessary charges.{" "}

apps/dashboard/src/components/settings/Account/Billing/CancelPlanModal/CancelPlanModal.tsx

@@ -120,6 +120,9 @@ const PRO_CONTACT_US_URL =
 function ProPlanCancelPlanSheetContent() {
   return (
     <div>
+      <h2 className="mb-1 font-semibold text-2xl tracking-tight">
+        Cancel Plan
+      </h2>
       <p className="mb-5 text-muted-foreground text-sm">
         Please contact us to cancel your Pro plan
       </p>

apps/dashboard/src/utils/pricing.tsx

@@ -29,6 +29,7 @@ export const TEAM_PLANS: Record<
       "Web, Mobile & Gaming SDKs",
       "Contract and Wallet APIs",
       "Audited smart contracts",
+      "Account Abstraction",
       "Blockchain Infra (RPC, IPFS)",
     ],
   },
@@ -42,7 +43,6 @@ export const TEAM_PLANS: Record<
       "$100 Usage Credits",
       "Email support",
       "SMS Onboarding",
-      "Account abstraction",
       "30d User Analytics",
       "Gas grant for transactions",
     ],