Create skeleton infraction modal

components/NewInactivityNotice.tsx

@@ -11,7 +11,6 @@ export default function (props: {
   departments: string[];
   isOpen: boolean;
   onClose: () => void;
-  onOpen: () => void;
 }) {
   return (
     <>

components/NewInfractionModal.tsx

@@ -0,0 +1,21 @@
+import {
+  Modal,
+  ModalBody,
+  ModalCloseButton,
+  ModalContent,
+  ModalHeader,
+  ModalOverlay,
+} from "@chakra-ui/react";
+
+export default function (props: { isOpen: boolean; onClose: () => void }) {
+  return (
+    <Modal isCentered isOpen={props.isOpen} onClose={props.onClose}>
+      <ModalOverlay />
+      <ModalContent>
+        <ModalHeader>New Infraction</ModalHeader>
+        <ModalCloseButton />
+        <ModalBody></ModalBody>
+      </ModalContent>
+    </Modal>
+  );
+}