feat: Add HTML export option (#4056)

* tidy

* Add title to HTML export

* fix: Add compatability for documents without collab state

* Add HTML download option to UI

* docs

* fix nodes that required document to render

* Refactor to allow for styling of HTML export

* div>article for easier programatic content extraction

app/styles/globals.ts

@@ -1,111 +0,0 @@
-import { createGlobalStyle } from "styled-components";
-import styledNormalize from "styled-normalize";
-import { breakpoints, depths } from "@shared/styles";
-
-export default createGlobalStyle`
-  ${styledNormalize}
-
-  * {
-    box-sizing: border-box;
-  }
-
-  html,
-  body {
-    width: 100%;
-    height: 100%;
-    margin: 0;
-    padding: 0;
-    print-color-adjust: exact;
-    -webkit-print-color-adjust: exact;
-  }
-
-  body,
-  button,
-  input,
-  optgroup,
-  select,
-  textarea {
-    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,
-      Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
-  }
-
-  body {
-    font-size: 16px;
-    line-height: 1.5;
-    color: ${(props) => props.theme.text};
-    overscroll-behavior-y: none;
-    -moz-osx-font-smoothing: grayscale;
-    -webkit-font-smoothing: antialiased;
-    text-rendering: optimizeLegibility;
-  }
-
-  @media (min-width: ${breakpoints.tablet}px) {
-    html,
-    body {
-      min-height: 100vh;
-    }
-  }
-
-  @media (min-width: ${breakpoints.tablet}px) and (display-mode: standalone) {
-    body:after {
-      content: "";
-      display: block;
-      position: fixed;
-      top: 0;
-      left: 0;
-      right: 0;
-      height: 1px;
-      background: ${(props) => props.theme.titleBarDivider};
-      z-index: ${depths.titleBarDivider};
-    }
-  }
-
-  a {
-    color: ${(props) => props.theme.link};
-    text-decoration: none;
-    cursor: pointer;
-  }
-
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6 {
-    font-weight: 500;
-    line-height: 1.25;
-    margin-top: 1em;
-    margin-bottom: 0.5em;
-  }
-  h1 { font-size: 2.25em; }
-  h2 { font-size: 1.5em; }
-  h3 { font-size: 1.25em; }
-  h4 { font-size: 1em; }
-  h5 { font-size: 0.875em; }
-  h6 { font-size: 0.75em; }
-
-  p,
-  dl,
-  ol,
-  ul,
-  pre,
-  blockquote {
-    margin-top: 1em;
-    margin-bottom: 1em;
-  }
-
-  hr {
-    border: 0;
-    height: 0;
-    border-top: 1px solid ${(props) => props.theme.divider};
-  }
-
-  .js-focus-visible :focus:not(.focus-visible) {
-    outline: none;
-  }
-
-  .js-focus-visible .focus-visible {
-    outline-color: ${(props) => props.theme.primary};
-    outline-offset: -1px;
-  }
-`;