Improving Single Leaderboard layout

Author: daithihearn

src/components/Leaderboard/SinglesLeaderboard.tsx

@@ -66,15 +66,21 @@ const SinglesLeaderboard = () => {
         () => [
             {
                 name: "Avatar",
+                cell: row => (
+                    <img alt={row.name} src={row.picture} className="avatar" />
+                ),
+            },
+            {
                 cell: row => (
                     <img
-                        alt="Image Preview"
-                        src={row.picture}
-                        className="avatar"
+                        alt={row.previousCard}
+                        src={"/cards/thumbnails/" + row.previousCard + ".png"}
+                        className="thumbnail_size_small cardNotSelected"
                     />
                 ),
+                center: true,
+                omit: gameOver || !previousHand,
             },
-            { name: "Player", selector: row => row.name, sortable: true },
             {
                 name: "Score",
                 selector: row => row.score,
@@ -105,17 +111,6 @@ const SinglesLeaderboard = () => {
                 center: true,
                 omit: !gameOver,
             },
-            {
-                cell: row => (
-                    <img
-                        alt={row.previousCard}
-                        src={"/cards/thumbnails/" + row.previousCard + ".png"}
-                        className="thumbnail_size_small cardNotSelected"
-                    />
-                ),
-                center: true,
-                omit: gameOver || !previousHand,
-            },
         ],
         [gameOver, previousHand],
     )