Use antd tooltip for the podium rank chip

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

src/frontend/src/views/ParticipantView.tsx

@@ -11,6 +11,7 @@ import {
   Space,
   Tag,
   theme,
+  Tooltip,
   Typography,
   message,
 } from "antd";
@@ -534,13 +535,14 @@ export default function ParticipantView({ orderId }: { orderId: string }) {
             title="Your order"
             extra={
               stats?.my_rank && (
-                <Tag
+                <Tooltip title={`You were ${["1st", "2nd", "3rd"][stats.my_rank - 1]} to order`}>
-                  bordered={false}
+                  <Tag
-                  title={`You were ${["1st", "2nd", "3rd"][stats.my_rank - 1]} to order`}
+                    bordered={false}
-                  style={{ margin: 0, borderRadius: 8, padding: "2px 10px", background: `color-mix(in srgb, ${token.colorPrimary} 12%, color-mix(in srgb, ${token.colorBgContainer} 80%, #000))`, color: token.colorPrimary, fontWeight: 600 }}
+                    style={{ margin: 0, borderRadius: 8, padding: "2px 10px", background: `color-mix(in srgb, ${token.colorPrimary} 12%, color-mix(in srgb, ${token.colorBgContainer} 80%, #000))`, color: token.colorPrimary, fontWeight: 600 }}
-                >
+                  >
-                  {["🥇", "🥈", "🥉"][stats.my_rank - 1]} #{["1st", "2nd", "3rd"][stats.my_rank - 1]}
+                    {["🥇", "🥈", "🥉"][stats.my_rank - 1]} #{["1st", "2nd", "3rd"][stats.my_rank - 1]}
-                </Tag>
+                  </Tag>
+                </Tooltip>
               )
             }
           >