Add lore texts

src/App.jsx

@@ -84,6 +84,7 @@ function App() {
 	const [roster, setRoster] = useState();
 	const [edition, setEdition] = useState(10); // [9, 10, 11]
 	const [onePerPage, setOnePerPage] = useState(false);
+	const [showLore, setShowLore] = useState(true);
 	const [primaryColor, setPrimaryColor] = useState("#536766");
 	const [colorUserChoice, setColorUserChoice] = useState(false);
 	const uploadRef = useRef();
@@ -419,6 +420,22 @@ function App() {
 							One Datacard per Page when Printing
 						</span>
 					</label>
+					<label
+						style={{
+							display: "flex",
+							alignItems: "center",
+							gap: 4,
+							minHeight: 26,
+						}}
+						title="Print the flavour text from public/Lore.csv beside the model image, the way the official datasheets do."
+					>
+						<input
+							type="checkbox"
+							checked={showLore}
+							onChange={(e) => setShowLore(e.target.checked)}
+						/>
+						<span className="select-none">Show Lore Text</span>
+					</label>
 					<div style={{ display: "flex", alignItems: "center", gap: 4 }}>
 						<label style={{ display: "flex", alignItems: "center", gap: 4 }}>
 							<input
@@ -464,6 +481,7 @@ function App() {
 						onePerPage={onePerPage}
 						colorUserChoice={colorUserChoice}
 						primaryColor={primaryColor}
+						showLore={showLore}
 					/>
 				)}