re-order beta key table columns

packages/fakeyou.com/src/v2/view/pages/beta_key/BetaKeysListPage.tsx

@@ -119,6 +119,17 @@ export default function BetaKeysListPage() {
         return true;
       },
     }),
+    columnHelper.accessor("created_at", {
+      header: "Created Date",
+      cell: info => new Date(info.getValue()).toLocaleDateString(),
+    }),
+    columnHelper.accessor("maybe_redeemed_at", {
+      header: "Redemption Date",
+      cell: info => {
+        const value = info.getValue();
+        return value ? new Date(value).toLocaleDateString() : "-";
+      },
+    }),
     columnHelper.accessor("key_value", {
       header: "Key",
       cell: info => {
@@ -131,6 +142,26 @@ export default function BetaKeysListPage() {
         }
       },
     }),
+    columnHelper.accessor("creator.username", {
+      header: "Key Creator",
+      cell: info => {
+        const username = info.getValue();
+        const userData = info.row.original.creator;
+        const userEmailHash = userData?.gravatar_hash || "";
+        return (
+          <div className="d-flex gap-1 align-items-center">
+            <Gravatar
+              size={18}
+              username={username}
+              email_hash={userEmailHash}
+              avatarIndex={userData?.default_avatar.image_index}
+              backgroundIndex={userData?.default_avatar.color_index}
+            />
+            <Link to={`/profile/${username}`}>{username}</Link>
+          </div>
+        );
+      },
+    }),
     columnHelper.accessor("maybe_referrer.username", {
       header: "Referrer",
       cell: info => {
@@ -176,37 +207,6 @@ export default function BetaKeysListPage() {
         );
       },
     }),
-    columnHelper.accessor("created_at", {
-      header: "Created Date",
-      cell: info => new Date(info.getValue()).toLocaleDateString(),
-    }),
-    columnHelper.accessor("maybe_redeemed_at", {
-      header: "Redemption Date",
-      cell: info => {
-        const value = info.getValue();
-        return value ? new Date(value).toLocaleDateString() : "-";
-      },
-    }),
-    columnHelper.accessor("creator.username", {
-      header: "Key Creator",
-      cell: info => {
-        const username = info.getValue();
-        const userData = info.row.original.creator;
-        const userEmailHash = userData?.gravatar_hash || "";
-        return (
-          <div className="d-flex gap-1 align-items-center">
-            <Gravatar
-              size={18}
-              username={username}
-              email_hash={userEmailHash}
-              avatarIndex={userData?.default_avatar.image_index}
-              backgroundIndex={userData?.default_avatar.color_index}
-            />
-            <Link to={`/profile/${username}`}>{username}</Link>
-          </div>
-        );
-      },
-    }),
   ];
 
   const table = useReactTable({