fix(web): update layout width

Author: AmanVarshney01

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

@@ -17,16 +17,23 @@ 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");
+			main.classList.remove("max-w-[1280px]", "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");
+			main.classList.add("max-w-[1280px]", "mx-auto", "min-h-svh");
 		}
 	}, [pathname]);
 
 	return (
-		<HomeLayout {...baseOptions}>
-			<main className="h-full w-full">{children}</main>
+		<HomeLayout
+			{...baseOptions}
+			style={
+				{
+					"--spacing-fd-container": "1280px",
+				} as object
+			}
+		>
+			<main className="mx-auto h-full w-full">{children}</main>
 		</HomeLayout>
 	);
 }

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({