fix(client/print): title interfering with presentation

apps/client/src/print.tsx

@@ -1,4 +1,3 @@
-import { JSX } from "preact/jsx-runtime";
 import FNote from "./entities/fnote";
 import { render } from "preact";
 import { CustomNoteList } from "./widgets/collections/NoteList";
@@ -10,31 +9,26 @@ async function main() {
     const note = await froca.getNote(noteId);
 
     if (!note) return;
-
+    render(getElementForNote(note), document.body);
-    let el: JSX.Element | null = null;
-    if (note.type === "book") {
-        el = handleCollection(note);
-    }
-
-    render((
-        <>
-            <h1>{note.title}</h1>
-            {el}
-        </>
-    ), document.body);
 }
 
-function handleCollection(note: FNote) {
+function getElementForNote(note: FNote) {
-    return (
+    // Collections.
-        <CustomNoteList
+    if (note.type === "book") {
+        return <CustomNoteList
             isEnabled
             note={note}
             notePath={note.getBestNotePath().join("/")}
             ntxId="print"
             highlightedTokens={null}
             media="print"
-        />
+        />;
-    );
+    }
+
+    // Other note types.
+    return <>
+        <h1>{note.title}</h1>
+    </>;
 }
 
 main();