correctly supporting HTTP compression + more compression types supported

frontend/src/components/DocsButton.tsx

@@ -1,4 +1,4 @@
-import { ActionIcon, ActionIconProps, Box, Modal, ScrollArea, Title, Tooltip } from "@mantine/core";
+import { ActionIcon, ActionIconProps, Box, Container, Modal, ScrollArea, ScrollAreaAutosize, Title, Tooltip } from "@mantine/core";
 import { useState } from "react";
 import { FaBookBookmark } from "react-icons/fa6";
 import { NFRegexDocs } from "./NFRegex/NFRegexDocs";
@@ -23,15 +23,17 @@ export const DocsButton = ({ doc, ...props }: { doc: EnumToPrimitiveUnion<DocTyp
         <Modal opened={open} onClose={() => setOpen(false)} fullScreen title={
             <Title order={2}>Firegex Docs 📕</Title>
         } scrollAreaComponent={ScrollArea.Autosize}>
-            {
-                doc == DocType.NFREGEX ? 
-                    <NFRegexDocs />:
-                doc == DocType.NFPROXY ?
-                    <NFProxyDocs />:
-                doc == DocType.PORTHIJACK ?
-                    <PortHijackDocs />:
-                <Title order={3}>Docs not found</Title>
-            }
+            <Container style={{padding: "1rem", maxWidth:"90vw"}}>
+                {
+                    doc == DocType.NFREGEX ? 
+                        <NFRegexDocs />:
+                    doc == DocType.NFPROXY ?
+                        <NFProxyDocs />:
+                    doc == DocType.PORTHIJACK ?
+                        <PortHijackDocs />:
+                    <Title order={3}>Docs not found</Title>
+                }
+            </Container>
         </Modal>
     </Box>
 }