Replace one <main> tag with <div> tag, and removed a <main> tag, that wrapped prior <main> tag; <main> tag specifies the main content of a document, and there must not be more than one <main> tag!

app/(root)/layout.tsx

@@ -38,10 +38,10 @@ export default function PageLayout({
 	children: React.ReactNode;
 }) {
 	return (
-		<main className="flex flex-col min-h-screen">
+		<div className="flex flex-col min-h-screen">
 			<Navbar />
 			<div className="flex-grow flex-1 overflow-x-hidden">{children}</div>
 			<Footer />
-		</main>
+		</div>
 	);
 }

app/layout.tsx

@@ -30,7 +30,7 @@ export default function RootLayout({
 					disableTransitionOnChange
 				>
 					<AuthProvider>
-						<main>{children}</main>
+						{children}
 						<Toaster />
 					</AuthProvider>
 				</ThemeProvider>