add favicon, update root layout with meta description etc

src/routes/__root.tsx

@@ -21,12 +21,24 @@ export const Route = createRootRoute({
 			{
 				title: "ChessScribe",
 			},
+			{
+				name: "description",
+				content: "Create PDFs of your chess games from a PGN file",
+			},
+			{
+				name: "keywords",
+				content: "chess, pgn, pdf, chess games, chess notation",
+			},
 		],
 		links: [
 			{
 				rel: "stylesheet",
 				href: appCss,
 			},
+			{
+				rel: "icon",
+				href: "/favicon.svg",
+			},
 		],
 	}),
 	shellComponent: RootDocument,

src/routes/index.tsx

@@ -4,17 +4,7 @@ import Home from "#/pages";
 
 export const Route = createFileRoute("/")({
 	head: () => ({
-		meta: [
-			{ title: "ChessScribe | Home" },
-			{
-				name: "description",
-				content: "Create PDFs of your chess games from a PGN file",
-			},
-			{
-				name: "keywords",
-				content: "chess, pgn, pdf, chess games, chess notation",
-			},
-		],
+		meta: [{ title: "ChessScribe | Home" }],
 		links: [{ rel: "canonical", href: HOST_URL }],
 	}),
 	component: App,