Podium rank as a subtle grey chip in the Your order card header

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>

src/e2e/tests/orders.ui.spec.ts

@@ -54,7 +54,7 @@ test("live picks: counts, podium stamp, expand/collapse, frozen after close", as
 
   const banner = page.getByRole("button", { name: /stats/i });
   await expect(banner).toContainText("Live stats · 1 order");
-  await expect(page.getByText("You were 1st to order!")).toBeVisible();
+  await expect(page.getByText("#1st")).toBeVisible();
   await expect(page.getByText("1 person has ordered")).toBeHidden();
 
   // polling picks up another participant without a reload

src/frontend/src/views/ParticipantView.tsx

@@ -529,14 +529,15 @@ export default function ParticipantView({ orderId }: { orderId: string }) {
           {showBanner && <LivePicksBanner stats={stats} closed={isClosed} />}
           <Card
             title="Your order"
+            extra={
+              stats?.my_rank && (
+                <Text type="secondary" title={`You were ${["1st", "2nd", "3rd"][stats.my_rank - 1]} to order`}>
+                  {["🥇", "🥈", "🥉"][stats.my_rank - 1]} #{["1st", "2nd", "3rd"][stats.my_rank - 1]}
+                </Text>
+              )
+            }
           >
             <Space direction="vertical" style={{ width: "100%" }}>
-              {stats?.my_rank && (
-                <Alert
-                  type="success"
-                  message={`${["🥇", "🥈", "🥉"][stats.my_rank - 1]} You were ${["1st", "2nd", "3rd"][stats.my_rank - 1]} to order!`}
-                />
-              )}
               {showSummaryView && (
                 <ParticipantSubmissionSummary
                   submission={existingSubmission}