Make appeal card use newer entity format

components/AppealCard.tsx

@@ -23,14 +23,14 @@ import { useEffect, useState } from "react";
 
 export default function (props: AppealCardProps) {
   const [dateString, setDateString] = useState(
-    new Date(props.createdAt).toUTCString()
+    new Date(props.created_at).toUTCString()
   );
   const [action, setAction] = useState("");
   const [feedback, setFeedback] = useState("");
 
   useEffect(() => {
-    setDateString(new Date(props.createdAt).toLocaleString());
-  }, [props.createdAt]);
+    setDateString(new Date(props.created_at).toLocaleString());
+  }, [props.created_at]);
 
   const { isOpen, onClose, onOpen } = useDisclosure();
 
@@ -68,7 +68,7 @@ export default function (props: AppealCardProps) {
   }
 
   return (
-    <Card id={`appeal_${props.id}`} w="100%">
+    <Card id={`appeal_${props.user.id}`} w="100%">
       <Modal isOpen={isOpen} onClose={onClose}>
         <ModalOverlay />
         <ModalContent>
@@ -91,9 +91,9 @@ export default function (props: AppealCardProps) {
       </Modal>
       <CardHeader>
         <Heading size="md">
-          Appeal for {props.username}#{props.discriminator}
+          Appeal for {props.user.username}#{props.user.discriminator}
         </Heading>
-        <Text fontSize="xs">ID: {props.id}</Text>
+        <Text fontSize="xs">ID: {props.user.id}</Text>
       </CardHeader>
       <CardBody>
         <Stack divider={<StackDivider />}>