Cleaned up some code and added a somewhat responsive header burger

components/blocks/carousel.tsx

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { Section } from "../util/section";
-import { PageBlocks, PageBlocksCarousel, PageBlocksMutation } from "../../tina/__generated__/types";
+import { PageBlocksCarousel } from "../../tina/__generated__/types";
 import { Anchoring, anchoringSchema } from "../util/anchoring";
 import { Template } from "tinacms";
 import { PageBlockFunction } from "../blocks-renderer";
@@ -12,7 +12,9 @@ import "react-responsive-carousel/lib/styles/carousel.min.css";
  * @param {PageBlocksCarousel} data The data from the carousel
  * @constructor
  */
-export const Carousel: PageBlockFunction<PageBlocksCarousel> = ({ data }) => {
+export const Carousel: PageBlockFunction<PageBlocksCarousel> = ({
+    data
+}: { data: PageBlocksCarousel}): React.ReactElement => {
     return (
         <Section>
             <div className="w-[100%]">

components/blocks/content.tsx

@@ -7,7 +7,6 @@ import { PageBlocksContent } from "../../tina/__generated__/types";
 import { tinaField } from "tinacms/dist/react";
 import { PageBlockFunction } from "../blocks-renderer";
 import inlineComponents, { richTextTemplates } from "../inline/inline-definitions";
-import sanitizeHtml from "sanitize-html";
 
 export const Content: PageBlockFunction<PageBlocksContent> = ({ data }) => {
     return (