fix(a11y): remove nested <main> landmarks under (home) layout

The (home)/layout.tsx already wraps children in <main>. Having another
<main> inside each child page produces nested landmarks, which is
invalid HTML and confuses screen readers.

Changed the outermost wrapper from <main> → <div> in:
- surfsense_web/app/(home)/page.tsx (homepage)
- surfsense_web/app/(home)/free/page.tsx (free AI chat landing)

Other (home) descendants (login/register/privacy/terms/changelog/
announcements/blog/contact/free/[model_slug]) were already using <div>.

Closes #1191

Author: xr843

surfsense_web/app/(home)/free/page.tsx

@@ -156,7 +156,7 @@ export default async function FreeHubPage() {
 	const seoModels = models.filter((m) => m.seo_slug);
 
 	return (
-		<main className="min-h-screen pt-20">
+		<div className="min-h-screen pt-20">
 			<JsonLd
 				data={{
 					"@context": "https://schema.org",
@@ -382,6 +382,6 @@ export default async function FreeHubPage() {
 					</ul>
 				</nav>
 			</article>
-		</main>
+		</div>
 	);
 }

surfsense_web/app/(home)/page.tsx

@@ -16,14 +16,14 @@ const CTAHomepage = dynamic(() =>
 
 export default function HomePage() {
 	return (
-		<main className="min-h-screen bg-gradient-to-b from-gray-50 to-gray-100 text-gray-900 dark:from-black dark:to-gray-900 dark:text-white">
+		<div className="min-h-screen bg-gradient-to-b from-gray-50 to-gray-100 text-gray-900 dark:from-black dark:to-gray-900 dark:text-white">
 			<AuthRedirect />
 			<HeroSection />
 			<WhySurfSense />
 			<FeaturesCards />
 			<FeaturesBentoGrid />
 			<ExternalIntegrations />
 			<CTAHomepage />
-		</main>
+		</div>
 	);
 }