chatgpt codex: told to improve ux/ui consistently, 5 times

app/page.tsx

@@ -48,7 +48,7 @@ export default function Home() {
 		<>
 			<HomeLoggedInHeader />
 			<div className="h-4" />
-			<div className="mx-auto w-full max-w-6xl px-4 sm:px-8">
+			<div className="page-container">
 				<BestFriendsHomeSect className="pt-2" />
 				<FriendsHomeSect className="pt-2" />
 			</div>
@@ -63,7 +63,7 @@ export default function Home() {
 				</Alert>
 			</div> */}
 
-			<div className="mx-auto w-full max-w-6xl px-4 sm:px-8 pb-16 space-y-10 no-scrollbar">
+			<div className="page-container pb-16 space-y-10 no-scrollbar">
 				{isLoading ? (
 					<div className="space-y-6">
 						<div className="h-6 w-56 bg-surface0/60 rounded-lg animate-pulse" />
@@ -92,7 +92,7 @@ export default function Home() {
 						.map((sort, idx) => (
 							<section key={idx} className="space-y-4">
 								<div className="flex items-center justify-between">
-									<h2 className="text-xl sm:text-2xl font-semibold text-text">
+									<h2 className="section-title">
 										{sort.topic}
 									</h2>
 								</div>