fix(apollo-vertex): scope dashboard card padding to a dedicated variant

Previously this PR added `gap-6 py-6` to the base `cardVariants` class,
which made every Card consumer in the codebase get 24px vertical
padding by default. metric-card already provides its own inner `p-6`,
so metric cards rendered with stacked padding — a visual regression.

Move the dashboard-specific rhythm to a `variant="dashboard"` option
on cardVariants. Dashboard cards can opt in; other Card consumers
(metric-card, queue cards, comms cards, etc.) keep their previous
behavior.

Addresses review feedback on #730.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

Author: 2 people

apps/apollo-vertex/registry/card/card.tsx

@@ -10,12 +10,17 @@ export const GLASS_CLASSES = [
   "dark:shadow-[0_2px_24px_2px_rgba(0,0,0,0.12),inset_0_1px_0_0_color-mix(in_srgb,var(--sidebar)_5%,transparent)]",
 ] as const;
 
-const cardVariants = cva("flex flex-col gap-6 py-6 text-card-foreground", {
+const cardVariants = cva("flex flex-col text-card-foreground", {
   variants: {
     variant: {
       default: GLASS_CLASSES,
       solid: "bg-card rounded-xl border",
       glass: GLASS_CLASSES,
+      // Dashboard cards have a consistent inner rhythm — gap between
+      // sections + outer vertical padding — that other Card consumers
+      // (metric-card, queue cards, comms cards, etc.) don't want.
+      // Opt in with variant="dashboard"; everything else stays unaffected.
+      dashboard: [...GLASS_CLASSES, "gap-6 py-6"],
     },
   },
   defaultVariants: {