add commas in member count (#286)

l

src/plugins/memberCount.tsx

@@ -35,11 +35,13 @@ function MemberCount() {
 
     if (!c) return null;
 
-    let total = String(c[0]);
+    let total = c[0].toLocaleString();
     if (total === "0" && c[1] > 0) {
         total = "Loading...";
     }
 
+    const online = c[1].toLocaleString();
+
     return (
         <Flex id="vc-membercount" style={{
             marginTop: "1em",
@@ -49,7 +51,7 @@ function MemberCount() {
             alignContent: "center",
             gap: 0
         }}>
-            <Tooltip text={`${c[1]} Online`} position="bottom">
+            <Tooltip text={`${online} Online`} position="bottom">
                 {props => (
                     <div {...props}>
                         <span
@@ -62,11 +64,11 @@ function MemberCount() {
                                 marginRight: "0.5em"
                             }}
                         />
-                        <span style={{ color: "var(--status-green-600)" }}>{c[1]}</span>
+                        <span style={{ color: "var(--status-green-600)" }}>{online}</span>
                     </div>
                 )}
             </Tooltip>
-            <Tooltip text={`${c[0] || "?"} Total Members`} position="bottom">
+            <Tooltip text={`${total} Total Members`} position="bottom">
                 {props => (
                     <div {...props}>
                         <span