fix: limit public layout width ml-351 (#388)

* fix(frontend): limit the width of public layout ml-351

* chore(frontend): refresh dependencies ml-351

Author: Roman-PRV

apps/frontend/src/libs/components/public-layout/public-layout.tsx

@@ -16,7 +16,9 @@ const PublicLayout: React.FC = () => {
 				<Header isMenuOpen={isMenuOpen} onToggleMenu={handleToggleMenu} />
 			</div>
 			<main className={styles["public__main"]}>
-				<RouterOutlet />
+				<div className={styles["main-container"]}>
+					<RouterOutlet />
+				</div>
 			</main>
 		</div>
 	);

apps/frontend/src/libs/components/public-layout/styles.module.css

@@ -7,6 +7,11 @@
 	height: 100vh;
 }
 
+.main-container {
+	max-width: 1440px;
+	margin: 0 auto;
+}
+
 .public__header {
 	grid-area: header;
 }