edit main-page width

src/app/[locale]/page.tsx

@@ -4,10 +4,10 @@ import CasesList from '@/app/ui/main-page/cases-list';
 
 export default function Home() {
 	return (
-		<div className="container mx-auto px-4 py-8">
+		<main className="main-container mx-auto px-4 py-8">
 			<StatsDashboard />
 			<QuickActions />
 			<CasesList />
-		</div>
+		</main>
 	);
 }

src/app/styles/global-styles.scss

@@ -52,6 +52,16 @@
 	}
 }
 
+.main-container {
+	@media (min-width: 1536pxrem) {
+		max-width: 1536px;
+	}
+
+	@media (min-width: 1280px) {
+		max-width: 1280px;
+	}
+}
+
 .stats-dashboard {
 	display: grid;
 	grid-template-columns: repeat(1, minmax(0, 1fr));