add scroll overflow

frontend/src/components/AnnouncementsDisplay.tsx

@@ -178,7 +178,7 @@ function AnnouncementModal({
   onHide: () => void;
 }) {
   return (
-    <ModalRoot>
+    <ModalRoot onCancel={closeModal} onEscKeypress={closeModal}>
       <style>
         {`
           .steam-focus {
@@ -200,6 +200,7 @@ function AnnouncementModal({
           }
         `}
       </style>
+      <Focusable style={{display: "flex", flexDirection: "column", gap: "0.5rem", overflowY: "scroll", height: "80vh"}}>
         <h1>{announcement.title}</h1>
         <WithSuspense>
           <MarkdownRenderer
@@ -215,6 +216,7 @@ function AnnouncementModal({
           <DialogButton onClick={() => onHide()}>Close Popup</DialogButton>
           <DialogButton onClick={() => onHide()}>Close and Hide Announcement</DialogButton>
         </Focusable>
+      </Focusable>
     </ModalRoot>
   );
 }