start of lazy loading

code/frontend/src/components/Bio.tsx

@@ -0,0 +1,30 @@
+import * as React from "react";
+import Box from "@mui/material/Box";
+import TextField from "@mui/material/TextField";
+import StyledEngineProvider from "@mui/styled-engine/StyledEngineProvider";
+import { useFormControl } from '@mui/material/FormControl';
+
+
+export default function MultilineTextFields() {
+  return (
+    <StyledEngineProvider injectFirst>
+      <Box
+        component="form"
+        sx={{ "& .MuiTextField-root": { m: 1, width: "25ch" } }}
+        noValidate
+        autoComplete="off"
+      >
+        <div>
+          <TextField
+          className="bio-input"
+            id="outlined-multiline-flexible"
+            label="Multiline"
+            multiline
+            maxRows={4}
+            onChange={(event) => {}}
+          />
+        </div>
+      </Box>
+    </StyledEngineProvider>
+  );
+}