fix(web): update layout width

Author: AmanVarshney01

apps/web/src/app/(home)/analytics/page.tsx

@@ -946,7 +946,7 @@ export default function AnalyticsPage() {
 	const hourlyDistributionData = getHourlyDistributionData();
 
 	return (
-		<div className="min-h-svh">
+		<div className="mx-auto min-h-svh max-w-[1280px]">
 			<div className="container mx-auto space-y-8 px-4 py-8 pt-16">
 				<div className="mb-8">
 					<div className="mb-6 flex flex-wrap items-center justify-between gap-2 sm:flex-nowrap">

apps/web/src/app/(home)/layout.tsx

@@ -17,15 +17,20 @@ export default function Layout({ children }: { children: ReactNode }) {
 
 		if (pathname === "/new") {
 			header.classList.remove("*:mx-auto", "*:max-w-fd-container");
-			main.classList.remove("max-w-[1400px]", "mx-auto", "min-h-svh");
 		} else {
 			header.classList.add("*:mx-auto", "*:max-w-fd-container");
-			main.classList.add("max-w-[1400px]", "mx-auto", "min-h-svh");
 		}
 	}, [pathname]);
 
 	return (
-		<HomeLayout {...baseOptions}>
+		<HomeLayout
+			{...baseOptions}
+			style={
+				{
+					"--spacing-fd-container": "1280px",
+				} as object
+			}
+		>
 			<main className="h-full w-full">{children}</main>
 		</HomeLayout>
 	);

apps/web/src/app/(home)/page.tsx

@@ -58,7 +58,7 @@ export default function HomePage() {
 	};
 
 	return (
-		<div className="min-h-svh">
+		<div className="mx-auto min-h-svh max-w-[1280px]">
 			<main className="mx-auto px-4 pt-16">
 				<div className="mb-8 flex items-center justify-center">
 					<div className="flex flex-wrap items-center justify-center gap-2 sm:gap-4 md:gap-6">

apps/web/src/app/(home)/showcase/page.tsx

@@ -70,7 +70,7 @@ const showcaseProjects = [
 
 export default function ShowcasePage() {
 	return (
-		<main className="min-h-svh">
+		<main className="mx-auto min-h-svh max-w-[1280px]">
 			<div className="container mx-auto space-y-8 px-4 py-8 pt-16">
 				<div className="mb-8">
 					<div className="mb-6 flex flex-wrap items-center justify-between gap-2 sm:flex-nowrap">

apps/web/src/app/global.css

@@ -5,11 +5,6 @@
 
 @custom-variant dark (&:where(.dark, .dark *));
 
-:root {
-	/* --fd-layout-width: 1400px; */
-	/* --max-w-fh-container: 100%; */
-}
-
 .react-tweet-theme {
 	--tweet-container-margin: 0 !important;
 	@apply !bg-fd-background !border-none !h-full !border-transparent !w-full;

apps/web/src/components/ai/page-actions.tsx

@@ -52,6 +52,7 @@ export function LLMCopyButton({
 
 	return (
 		<button
+			type="button"
 			disabled={isLoading}
 			className={cn(
 				buttonVariants({