Admin user management (#1393)

part of #1022

    Allow updating the show_on_leaderboard field.
    Add raw JSON of the user object.
    Add a new user message table.
    Also fixed style issue: hard to see reaction count when the user also reacted.
    Rename MessageTable to MessageConversation.

website/src/styles/Theme/components/Table.ts

@@ -0,0 +1,20 @@
+import { tableAnatomy } from "@chakra-ui/anatomy";
+import { createMultiStyleConfigHelpers } from "@chakra-ui/react";
+
+const { definePartsStyle, defineMultiStyleConfig } = createMultiStyleConfigHelpers(tableAnatomy.keys);
+
+export const tableTheme = defineMultiStyleConfig({
+  variants: {
+    simple: definePartsStyle(({ colorMode }) => {
+      const isLightMode = colorMode === "light";
+      return {
+        td: {
+          borderColor: isLightMode ? "gray.100" : "gray.800",
+        },
+        th: {
+          borderColor: isLightMode ? "gray.100" : "gray.800",
+        },
+      };
+    }),
+  },
+});

website/src/styles/Theme/index.ts

@@ -5,6 +5,7 @@ import { colors } from "./colors";
 import { badgeTheme } from "./components/Badge";
 import { cardTheme } from "./components/Card";
 import { containerTheme } from "./components/Container";
+import { tableTheme } from "./components/Table";
 
 const config: ThemeConfig = {
   initialColorMode: "light",
@@ -16,6 +17,7 @@ const components = {
   Badge: badgeTheme,
   Container: containerTheme,
   Card: cardTheme,
+  Table: tableTheme,
 };
 
 const breakpoints = {