fix: download button no longer causes runtime error

Author: brettkolodny

src/Preview.tsx

@@ -55,9 +55,9 @@ export const Preview: FC = () => {
 const link = document.createElement("a");
 link.href = url;
 link.download = "output.json";
-document.appendChild(link);
+document.body.appendChild(link);
 link.click();
-document.removeChild(link);
+document.body.removeChild(link);
 
 // Give the click event enough time to fire and then revoke the URL.
 // This method of doing it doesn't seem great but I'm not sure if there is a
@@ -393,9 +393,6 @@ const Debugger: FC<DebuggerProps> = ({ output }) => {
 src={output ?? {}}
 collapsed={1}
 theme={appliedTheme === "dark" ? "brewer" : "rjv-default"}
-style={{
-background: "inherit",
-}}
 />
 </div>
 </ResizablePanel>
@@ -488,9 +485,9 @@ const Log: FC<LogProps> = ({ log }) => {
 className="fixed top-0 right-0 z-20 flex h-full w-full max-w-md flex-col justify-start gap-6 border-l bg-surface-primary p-4"
 >
 <div className="flex items-center justify-between">
-<p className="font-semibold text-2xl text-content-primary">
+<Dialog.Title className="font-semibold text-2xl text-content-primary">
 Log
-</p>
+</Dialog.Title>
 <Dialog.Close asChild={true}>
 <Button
 variant="outline"