remove compactMode logic from layout

packages/app/src/layout/index.jsx

@@ -38,13 +38,12 @@ const LayoutRenders = {
 	}
 }
 
-export default class Layout extends React.Component {
+export default class Layout extends React.PureComponent {
 	progressBar = progressBar.configure({ parent: "html", showSpinner: false })
 
 	state = {
 		layoutType: "default",
 		isOnTransition: false,
-		compactMode: false,
 		renderLock: true,
 		renderError: null,
 	}
@@ -71,12 +70,6 @@ export default class Layout extends React.Component {
 			})
 		})
 
-		window.app.eventBus.on("toogleCompactMode", (to) => {
-			this.setState({
-				compactMode: to ?? !this.state.compactMode,
-			})
-		})
-
 		if (window.app.settings.get("forceMobileMode") || window.app.isAppCapacitor() || Math.min(window.screen.width, window.screen.height) < 768 || navigator.userAgent.indexOf("Mobi") > -1) {
 			window.isMobile = true
 			this.setLayout("mobile")
@@ -133,9 +126,6 @@ export default class Layout extends React.Component {
 		const layoutComponentProps = {
 			...this.props.bindProps,
 			...this.state,
-			layoutPageModesClassnames: [{
-				["noMargin"]: this.state.compactMode,
-			}],
 			onTransitionStart: this.onTransitionStart,
 			onTransitionFinish: this.onTransitionFinish,
 		}