center nav items on firefox as well

public/site.webmanifest

@@ -0,0 +1 @@
+{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}

src/components/Header.tsx

@@ -6,7 +6,7 @@ import logo from "@/assets/images/logo.svg?url";
 export default function Header() {
 	return (
 		<header>
-			<nav className="w-full max-w-screen-2xl place-self-center p-8">
+			<nav className="w-full max-w-screen-2xl mx-auto p-8">
 				<div className="container mx-auto flex items-center justify-between">
 					<div className="flex items-center">
 						<Link to="/" className="flex flex-row items-center justify-center">

src/routes/__root.tsx

@@ -42,6 +42,20 @@ export const Route = createRootRoute({
 			{
 				rel: "icon",
 				href: "/favicon.svg",
+				type: "image/svg+xml",
+			},
+			{
+				rel: "icon",
+				href: "/favicon.ico",
+				sizes: "32x32",
+			},
+			{
+				rel: "apple-touch-icon",
+				href: "/apple-touch-icon.png",
+			},
+			{
+				rel: "manifest",
+				href: "/site.webmanifest",
 			},
 		],
 	}),

src/routes/callback.tsx

@@ -8,6 +8,10 @@ const callbackSchema = z.object({
 });
 
 export const Route = createFileRoute("/callback")({
+	head: () => ({
+		meta: [{ name: "robots", content: "noindex, nofollow" }],
+	}),
+
 	validateSearch: (search) => callbackSchema.parse(search),
 
 	beforeLoad: ({ search }) => {

vite.config.ts

@@ -25,6 +25,9 @@ const config = defineConfig({
 					prerender: {
 						enabled: false,
 					},
+					sitemap: {
+						exclude: true,
+					},
 				},
 			],
 			sitemap: {