Quería tener el logotipo en el lado izquierdo de la palabra "Título", pero actualmente está en la parte inferior de la página. Y el texto "Muestra" está cubierto por la tabla. ¿Cómo puedo reorganizar este texto e imágenes correctamente?

Lo recreé aquí: https://codesandbox.io/s/js-pdf-with-data-printable-from-displayed-data-lup6ir?file=/src/App.js

Códigos:

 const handlePrint = () => { console.log("clicked"); const doc = new jsPDF(); var img = new Image(); img.src = require("./assets/logo-social.png"); img.onload = () => { // await for the image to be fully loaded doc.addImage(img, "png", 10, 78, 12, 15); doc.text("Title here", 20, 10); doc.text("Sample", 20, 15); const columns = ["Data"]; const rows = []; data.map((item) => rows.push([ item.cartItems.map( (item) => `${item.name}: ${item.color} = ${item.quantity}` ) ]) ); doc.autoTable(columns, rows); doc.save("order.pdf"); }; };