Remove max width from player status card

app/routes/hammer.tsx

@@ -16,7 +16,7 @@ import {
   Stack,
   StackDivider,
   Text,
-  useToast,
+  useToast
 } from "@chakra-ui/react";
 import { type FormEvent, type ReactElement, useState } from "react";
 
@@ -25,7 +25,7 @@ export async function loader({ context }: { context: RequestContext }) {
 
   if (!currentUser)
     throw new Response(null, {
-      status: 401,
+      status: 401
     });
 
   if (
@@ -33,7 +33,7 @@ export async function loader({ context }: { context: RequestContext }) {
     !(currentUser.permissions & (1 << 8))
   )
     throw new Response(null, {
-      status: 403,
+      status: 403
     });
 
   return null;
@@ -43,7 +43,7 @@ export function meta() {
   return [{ title: "Hammer - Car Crushers" }];
 }
 
-export default function () {
+export default function() {
   const [username, setUsername] = useState("");
   const [uid, setUid] = useState("");
   const [status, setStatus] = useState("");
@@ -64,7 +64,7 @@ export default function () {
       return toast({
         title: "Validation Error",
         description: `Username is too short`,
-        status: "error",
+        status: "error"
       });
     }
 
@@ -77,13 +77,13 @@ export default function () {
         description: `${
           ((await historyResp.json()) as { error: string }).error
         }`,
-        status: "error",
+        status: "error"
       });
     }
 
     const {
       history,
-      user,
+      user
     }: {
       history: { [k: string]: any }[];
       user: { avatar: string | null; id: number; name: string };
@@ -95,7 +95,7 @@ export default function () {
       return toast({
         title: "Nothing Found",
         description: "This user doesn't have any moderation history.",
-        status: "info",
+        status: "info"
       });
     }
 
@@ -123,7 +123,7 @@ export default function () {
             <CardHeader>
               <Heading size="md">
                 {new Date(
-                  parseInt(entry.entity.properties.executed_at.integerValue),
+                  parseInt(entry.entity.properties.executed_at.integerValue)
                 ).toLocaleString()}
               </Heading>
             </CardHeader>
@@ -150,7 +150,7 @@ export default function () {
               </Stack>
             </CardBody>
           </Card>
-        </Container>,
+        </Container>
       );
     }
 
@@ -190,7 +190,7 @@ export default function () {
         </Button>
       </HStack>
       <Center mb={3} mt={3}>
-        <Card maxW="md" visibility={visible ? "visible" : "hidden"}>
+        <Card visibility={visible ? "visible" : "hidden"}>
           <CardBody>
             <Image mb="16" src={avatarUrl} />
             <Stack divider={<StackDivider />} spacing="6">