style file input and chess board page

src/pages/Chessboard.container.tsx

@@ -0,0 +1,7 @@
+import Chessboard from "#/pages/Chessboard.tsx";
+
+const ChessboardContainer = () => {
+	return <Chessboard />;
+};
+
+export default ChessboardContainer;

src/pages/Chessboard.tsx

@@ -0,0 +1,13 @@
+import LichessButton from "#/components/LichessButton.tsx";
+import Section from "#/components/Section.tsx";
+
+const Chessboard = () => (
+	<main className="px-4 pb-8 place-self-center min-h-[calc(100vh-226px)]">
+		<Section title="Convert PGN to PDF">
+			<LichessButton /> or{" "}
+			<input type="file" id="file-input" className="file-input max-w-xs" />
+		</Section>
+	</main>
+);
+
+export default Chessboard;

src/pages/chessboard.tsx

@@ -1,9 +0,0 @@
-import Section from "#/components/Section.tsx";
-
-const Chessboard = () => (
-	<Section title="Convert PGN to PDF">
-		<p>section content</p>
-	</Section>
-);
-
-export default Chessboard;