fix(stats): reorder leaderboard cards

packages/stats/app/src/routes/index.css

@@ -1719,7 +1719,6 @@
 [data-page="stats"] [data-component="leaderboard"],
 [data-page="stats"] [data-slot="leaderboard-featured"],
 [data-page="stats"] [data-slot="leaderboard-compact"],
-[data-page="stats"] [data-slot="leaderboard-column"],
 [data-page="stats"] [data-slot="leaderboard-mobile"] {
   display: grid;
 }
@@ -1752,11 +1751,6 @@
   -webkit-mask-size: 6px 6px;
 }
 
-[data-page="stats"] [data-slot="leaderboard-column"] {
-  gap: 8px;
-  align-content: start;
-}
-
 [data-page="stats"] [data-slot="leaderboard-mobile"] {
   display: none;
 }

packages/stats/app/src/routes/index.tsx

@@ -868,9 +868,7 @@ function Leaderboard(props: {
   onActiveModelChange: (model: string | undefined) => void
 }) {
   const featured = createMemo(() => props.data.slice(0, 3))
-  const columns = createMemo(() =>
+  const compact = createMemo(() => props.data.slice(3))
-    [0, 1, 2].map((index) => props.data.slice(3 + index * 5, 8 + index * 5)).filter((column) => column.length > 0),
-  )
 
   return (
     <div id="leaderboard" data-component="leaderboard" role="list" aria-label="Model token leaderboard">
@@ -888,10 +886,7 @@ function Leaderboard(props: {
       </div>
       <div data-slot="leaderboard-pattern" aria-hidden="true" />
       <div data-slot="leaderboard-compact">
-        <For each={columns()}>
+        <For each={compact()}>
-          {(column) => (
-            <div data-slot="leaderboard-column">
-              <For each={column}>
           {(entry) => (
             <LeaderboardCard
               entry={entry}
@@ -902,9 +897,6 @@ function Leaderboard(props: {
           )}
         </For>
       </div>
-          )}
-        </For>
-      </div>
       <div data-slot="leaderboard-mobile" aria-label="Scrollable model token leaderboard">
         <For each={props.data}>
           {(entry) => (