Register appeal bans modal in mod queue

app/routes/mod-queue.tsx

@@ -25,12 +25,13 @@ import {
   useRef,
   useState,
 } from "react";
+import { useLoaderData } from "@remix-run/react";
+import AppealBans from "../../components/AppealBans.js";
 import AppealCard from "../../components/AppealCard.js";
 import GameAppealCard from "../../components/GameAppealCard.js";
 import NewGameBan from "../../components/NewGameBan.js";
 import NewInfractionModal from "../../components/NewInfractionModal.js";
 import ReportCard from "../../components/ReportCard.js";
-import { useLoaderData } from "@remix-run/react";
 import NewInactivityNotice from "../../components/NewInactivityNotice.js";
 import InactivityNoticeCard from "../../components/InactivityNoticeCard.js";
 
@@ -50,13 +51,15 @@ export async function loader({ context }: { context: RequestContext }) {
   };
 
   const newItemPermissions = {
+    appeal_bans: [1 << 0, 1 << 11],
     game_ban: [1 << 5],
     inactivity: [1 << 2, 1 << 9, 1 << 10],
     infraction: [1 << 0, 1 << 2, 1 << 6, 1 << 7],
     user_lookup: [1 << 5, 1 << 8],
   };
 
   const newItemNames: { [k: string]: string } = {
+    appeal_bans: "Appeal Bans",
     game_ban: "New Game Ban",
     inactivity: "New Inactivity Notice",
     infraction: "New Infraction",
@@ -298,6 +301,7 @@ export default function () {
       [k: string]: any;
     };
   } = {
+    appeal_bans: useDisclosure(),
     game_ban: useDisclosure(),
     inactivity: useDisclosure(),
     infraction: useDisclosure(),
@@ -345,6 +349,10 @@ export default function () {
 
   return (
     <Container maxW="container.lg">
+      <AppealBans
+        isOpen={itemModals.appeal_bans.isOpen}
+        onClose={itemModals.appeal_bans.onClose}
+      />
       <NewGameBan
         isOpen={itemModals.game_ban.isOpen}
         onClose={itemModals.game_ban.onClose}