add box plot

package.json

@@ -12,6 +12,7 @@
   "dependencies": {
     "@mantine/core": "^7.4.1",
     "@mantine/hooks": "^7.4.1",
+    "@sgratzl/chartjs-chart-boxplot": "^4.2.8",
     "@tabler/icons-react": "^2.47.0",
     "chart.js": "^4.4.1",
     "chartjs-plugin-datalabels": "^2.2.0",

src/App.module.css

@@ -3,6 +3,5 @@
 }
 .watermark {
   text-align: center;
-  padding: 1rem;
-  display: none;
+  visibility: hidden;
 }

src/components/Buttons/Buttons.tsx

@@ -10,13 +10,14 @@ import { saveAs } from "file-saver";
 function exportPage(download: boolean) {
   void html2canvas(document.body, {
     scrollY: 0,
+    height: document.body.scrollHeight,
     ignoreElements: (element) =>
       element.id === "button-container" ||
       element.tagName === "NOSCRIPT" ||
       !!element.getAttribute("data-portal"),
     onclone: (document) =>
       // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-      (document.getElementById("watermark")!.style.display = "block"),
+      (document.getElementById("watermark")!.style.visibility = "visible"),
   }).then((canvas) => {
     canvas.toBlob((blob) => {
       if (blob) {