feat(components:data-table): display rank in live submissions data-…

…table

  ## what
  - display `rank` in live submissions data-table

  ## how

  ## why

  ## where
  - ./src/app/components/data-table/columns.tsx

  ## usage

src/app/components/data-table/columns.tsx

@@ -124,5 +124,21 @@ export const columns: ColumnDef<Submission>[] = [
       );
     },
   },
+  {
+    accessorKey: "rank",
+    accessorFn: row => row.msg.rank,
+    header: ({ column }) => {
+      return (
+        <DataTableColumnHeader column={column} title="Rank" />
+      );
+    },
+    cell: ({ row }) => {
+      return (
+        <p>
+          {row.getValue('rank')}
+        </p>
+      );
+    },
+  },
 ]