make sidebar fixed and only content scrollable

src/routes/+layout.svelte

@@ -3,7 +3,7 @@
 </script>
 <Container fluid>
     <Row class="flex-nowrap">
-        <Col class="auto col-md-3 col-xl-2 px-sm-2 px-0 bg-dark">
+        <Col class="auto col-md-3 col-xl-2 px-sm-2 px-0 bg-dark" style="position: fixed">
             <div class="d-flex flex-column align-items-center align-items-sm-start px-3 pt-2 text-white min-vh-100">
                 <a href="/" class="d-flex align-items-center pb-3 mb-md-0 me-md-auto text-white text-decoration-none">
                     <Image fluid alt="" src="./favicon.png" style="max-width:20%;padding-right: 10px"/>
@@ -64,7 +64,7 @@
                 </Nav>
             </div>
         </Col>
-        <Col class="py-3">
+        <Col class="py-3" style="margin-left: 18%">
             <slot></slot>
         </Col>
     </Row>

src/routes/reports/+page.svelte

@@ -10,8 +10,7 @@
             await res.text().then(function (html) {
                 let parser = new DOMParser();
                 let doc = parser.parseFromString(html, "text/html");
-                let docBody = doc.querySelector('body').innerHTML;
-                dict[element]= docBody;
+                dict[element]= doc.querySelector('body').innerHTML;
             });
         }
     })