Clear styles for dApp layout

[kkosiorowska]

During work on #892, I noticed that the change padding needed to be made in 3 places to keep the layout consistent. Padding should be set once to make it easier to manage layout styles. Additionally, the header and footer have the same value for maxW, a possible change also requires updating the two styles in completely different places.

acre/dapp/src/components/Layout.tsx

Line 36 in 51788f6

p={PADDING}

acre/dapp/src/components/Header/index.tsx

Lines 12 to 18 in 51788f6

	maxW="120rem" // 1920px
	mx="auto"
	justify="space-between"
	zIndex="header"
	pt={12}
	pb={{ base: 4, xl: 12 }}
	px={{ base: 10, xl: 30 }}

acre/dapp/src/theme/Footer.ts

Lines 20 to 22 in 51788f6

	maxW: "120rem", // 1920px
	py: 3,
	px: { base: 10, xl: 30 },

Let's update the Layout component and simplify the styles for Header, Footer and main content.

[linear]

AENG-40 Clear styles for dApp layout