dash: Fix upsell layout (#37189)

GitOrigin-RevId: 9b25db824ad56e5755f9733388befc918c90a427

Author: Nicolapps

npm-packages/@convex-dev/design-system/src/Callout.tsx

@@ -5,7 +5,7 @@ type CalloutVariant = "instructions" | "error" | "localDev" | "upsell";
 const classes = {
   error: "bg-background-error border text-content-error",
   instructions: "border bg-background-warning text-content-warning",
-  upsell: "border border-util-accent max-w-prose bg-util-accent/10",
+  upsell: "border border-util-accent bg-util-accent/10",
   localDev:
     "bg-teal-100 border border-teal-500 dark:bg-teal-900 text-content-primary",
 };

npm-packages/dashboard/src/components/integrations/Integrations.tsx

@@ -81,12 +81,8 @@ export function Integrations({
     logStreamingEntitlementGranted &&
     streamingExportEntitlementGranted ? null : (
       <Callout variant="upsell">
-        <Button
-          variant="unstyled"
-          href={`/${team.slug}/settings/billing`}
-          className="flex w-fit flex-col items-center gap-2"
-        >
-          <p className="text-balance text-center">
+        <div className="flex w-fit flex-col gap-2">
+          <p className="max-w-prose">
             Log Stream, Exception Reporting, and Streaming Export integrations
             are available on paid plans.
           </p>
@@ -97,7 +93,7 @@ export function Integrations({
           >
             Upgrade Now
           </Button>
-        </Button>
+        </div>
       </Callout>
     );
 

npm-packages/dashboard/src/components/referral/Referrals.tsx

@@ -51,7 +51,7 @@ export function ReferralsInner({
             <p className="font-semibold">
               Thank you for subscribing to Convex!
             </p>
-            <p>
+            <p className="max-w-prose">
               As a paid plan subscriber, you won’t get additional resources for
               referring friends or being referred by someone, but your friends
               can still get free Convex resources by using your referral link.