Improve social milestone sharing flow

src/app/(main)/api/social-milestones/route.ts

@@ -1,7 +1,7 @@
 import { NextRequest, NextResponse } from 'next/server';
 import { db } from '@/lib/db';
 import { getSessionUserId } from '@/lib/session';
-import { buildMilestoneCard, buildMilestonePost, milestoneThreshold, socialLocale } from '@/lib/social-milestones';
+import { buildMilestoneCardSnapshot, buildMilestonePostForQr, milestoneThreshold, socialLocale } from '@/lib/social-milestones';
 
 export const dynamic = 'force-dynamic';
 
@@ -33,9 +33,26 @@ export async function GET(request: NextRequest) {
     milestone: {
       id: milestone.id, qrTitle: milestone.qr.title, threshold,
       defaultXHandle: user.xHandle,
+      brandStatus: milestone.brandStatus,
+      brandPostUrl: milestone.brandPostUrl,
+      brandPostError: milestone.brandPostError,
       language: locale,
-      preview: buildMilestonePost(user.primaryUseCase, threshold, null, locale),
-      card: buildMilestoneCard(user.primaryUseCase, threshold, locale),
+      preview: buildMilestonePostForQr(
+        user.primaryUseCase,
+        ((milestone.cardData as { totalUniqueScans?: number } | null)?.totalUniqueScans || threshold),
+        null,
+        locale,
+        milestone.qr.title,
+      ),
+      card: milestone.cardData || buildMilestoneCardSnapshot({
+        primaryUseCase: user.primaryUseCase,
+        qrTitle: milestone.qr.title,
+        totalUniqueScans: threshold,
+        milestoneThreshold: threshold,
+        reachedAt: milestone.detectedAt,
+        trend: null,
+        locale,
+      }),
     },
   });
 }