Show the scheduled tier in subscription panel

Author: jahooma

web/src/app/profile/components/subscription-section.tsx

@@ -24,6 +24,7 @@ interface SubscriptionApiResponse {
     cancelAtPeriodEnd: boolean
     canceledAt: string | null
     tier?: number | null
+    scheduledTier?: number | null
   }
   rateLimit?: {
     limited: boolean
@@ -123,6 +124,11 @@ function SubscriptionActive({
                 Canceling
               </span>
             )}
+            {subscription?.scheduledTier != null && (
+              <span className="inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium bg-muted text-muted-foreground">
+                Renewing at ${subscription.scheduledTier}/mo
+              </span>
+            )}
           </CardTitle>
           <a
             href={billingPortalUrl}