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>
 }

frontend/src/components/NFProxy/NFProxyDocs.tsx

@@ -82,7 +82,7 @@ const TCPBadge = () => {
 
 export const NFProxyDocs = () => {
   return (
-    <Container size="xl">
+    <>
       <Title order={1}>🌐 Netfilter Proxy Documentation</Title>
 
       <Title order={2} mt="xl" mb="sm">📖 Overview</Title>
@@ -249,6 +249,9 @@ export const NFProxyDocs = () => {
           <List.Item>
             <strong>body: </strong> The body of the request (read only). It's None if the body has not arrived yet.
           </List.Item>
+          <List.Item>
+            <strong>body_decoded: </strong> By default the body will be decoded following the content encoding. gzip, br, deflate and zstd are supported. If the decoding fails and body is not None this paramether will be False.
+          </List.Item>
           <List.Item>
             <strong>http_version: </strong> The http version of the request (read only)
           </List.Item>
@@ -308,6 +311,9 @@ export const NFProxyDocs = () => {
           <List.Item>
             <strong>body: </strong> The body of the response (read only). It's None if the body has not arrived yet.
           </List.Item>
+          <List.Item>
+            <strong>body_decoded: </strong> By default the body will be decoded following the content encoding. gzip, br, deflate and zstd are supported. If the decoding fails and body is not None this paramether will be False.
+          </List.Item>
           <List.Item>
             <strong>http_version: </strong> The http version of the response (read only)
           </List.Item>
@@ -430,6 +436,6 @@ export const NFProxyDocs = () => {
         Here's a pyfilter code commented example:
         <CodeHighlight code={EXAMPLE_PYFILTER} language="python" my="sm"/>
       </Text>
-    </Container>
+    </>
   );
 };

frontend/src/components/NFRegex/NFRegexDocs.tsx

@@ -2,7 +2,7 @@ import { Container, Title, Text, List } from "@mantine/core";
 
 export const NFRegexDocs = () => {
   return (
-    <Container size="xl">
+    <>
         <Title order={1}>📡 Netfilter Regex Documentation</Title>
 
         <Title order={2} mt="xl" mb="sm">📖 Overview</Title>
@@ -64,6 +64,6 @@ export const NFRegexDocs = () => {
                 </Text>
             </List.Item>
         </List>
-    </Container>
+    </>
   );
 };

frontend/src/components/PortHijack/PortHijackDocs.tsx

@@ -4,7 +4,7 @@ import { HELP_NFPROXY_SIM } from "../NFProxy/NFProxyDocs"
 
 
 export const PortHijackDocs = () => {
-    return <Container size="xl">
+    return <>
           <Title order={1}>⚡️ Hijack port to proxy</Title>
     
           <Title order={2} mt="xl" mb="sm">📖 Overview</Title>
@@ -33,5 +33,5 @@ export const PortHijackDocs = () => {
             but externaly the packets exists as connections to the original service. This mangle is done only for external packet arriving from the external ip indicated, localhost traffic won't be touched.
           </Text>
           <Space h="xl" />
-        </Container>
+        </>
 }