refine web upgrade styling

apps/web/components/header.tsx

@@ -435,10 +435,11 @@ export function Header({ onAddMemory, onOpenSearch }: HeaderProps) {
 							<TooltipTrigger asChild>
 								<Button
 									asChild
+									variant="headers"
 									className={cn(
-										"rounded-full! h-9! min-h-9 shrink-0 border-transparent bg-[#4BA0FA] text-[#00171A] hover:bg-[#4BA0FA]/90",
+										"rounded-full! h-9! min-h-9 shrink-0",
 										"max-lg:w-9 max-lg:min-w-9 max-lg:justify-center max-lg:gap-0 max-lg:px-0",
-										"lg:min-w-0 lg:gap-1.5 lg:px-3 lg:font-semibold",
+										"lg:min-w-0 lg:gap-1.5 lg:px-3 lg:font-medium",
 										dmSansClassName(),
 									)}
 								>

apps/web/components/settings/billing.tsx

@@ -147,11 +147,9 @@ function SettingsCard({
 
 function PlanCard({
 	action,
-	isCurrent,
 	plan,
 }: {
 	action: React.ReactNode
-	isCurrent: boolean
 	plan: PlanCardDefinition
 }) {
 	return (
@@ -159,9 +157,7 @@ function PlanCard({
 			className={cn(
 				"relative flex min-h-[416px] flex-col overflow-hidden rounded-[14px] border p-5",
 				"shadow-[inset_2.42px_2.42px_4.263px_rgba(11,15,21,0.7)]",
-				isCurrent
-					? "border-[#2261CA33] bg-[#17202B]"
-					: "border-white/[0.08] bg-[#14161A]",
+				"border-white/[0.08] bg-[#14161A]",
 			)}
 		>
 			<p className="font-mono text-[10px] font-medium uppercase tracking-[0.18em] text-[#737373]">
@@ -896,7 +892,6 @@ export default function Billing() {
 					{PLAN_CARDS.map((plan) => (
 						<PlanCard
 							action={getPlanCardAction(plan)}
-							isCurrent={currentPlan === plan.id}
 							key={plan.id}
 							plan={plan}
 						/>