Lettre: Make sure the elements in the header and the footer don't bump to the screen edges (#7363)

lettre/parts/header-archive.html

@@ -1,7 +1,7 @@
-<!-- wp:group {"style":{"spacing":{"padding":{"top":"var(--wp--custom--spacing--outer)"}}},"layout":{"type":"constrained"}} -->
-<div class="wp-block-group" style="padding-top:var(--wp--custom--spacing--outer)">
-<!-- wp:group {"align":"full","layout":{"type":"flex","justifyContent":"space-between"}} -->
-<div class="wp-block-group alignfull"><!-- wp:site-title {"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}}} /-->
+<!-- wp:group {"style":{"spacing":{"padding":{"top":"var(--wp--custom--spacing--outer)","right":"var(--wp--custom--spacing--outer)","left":"var(--wp--custom--spacing--outer)"}}},"layout":{"type":"default"}} -->
+<div class="wp-block-group" style="padding-top:var(--wp--custom--spacing--outer);padding-right:var(--wp--custom--spacing--outer);padding-left:var(--wp--custom--spacing--outer)">
+<!-- wp:group {"layout":{"type":"flex","justifyContent":"space-between"}} -->
+<div class="wp-block-group"><!-- wp:site-title {"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}}} /-->
 
 <!-- wp:navigation {"overlayMenu":"always","overlayBackgroundColor":"background","overlayTextColor":"foreground","layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right"},"style":{"typography":{"fontStyle":"normal"}},"fontSize":"large"} /--></div>
 <!-- /wp:group -->

lettre/parts/header.html

@@ -1,7 +1,7 @@
-<!-- wp:group {"style":{"spacing":{"padding":{"top":"var(--wp--custom--spacing--outer)"}}},"layout":{"type":"constrained"}} -->
-<div class="wp-block-group" style="padding-top:var(--wp--custom--spacing--outer)">
-<!-- wp:group {"align":"full","layout":{"type":"flex","justifyContent":"right"}} -->
-<div class="wp-block-group alignfull"><!-- wp:navigation {"overlayMenu":"always","overlayBackgroundColor":"background","overlayTextColor":"foreground","layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right"},"style":{"typography":{"fontStyle":"normal"}},"fontSize":"x-large"} /--></div>
+<!-- wp:group {"style":{"spacing":{"padding":{"top":"var(--wp--custom--spacing--outer)","right":"var(--wp--custom--spacing--outer)","left":"var(--wp--custom--spacing--outer)"}}},"layout":{"type":"default"}} -->
+<div class="wp-block-group" style="padding-top:var(--wp--custom--spacing--outer);padding-right:var(--wp--custom--spacing--outer);padding-left:var(--wp--custom--spacing--outer)">
+<!-- wp:group {"layout":{"type":"flex","justifyContent":"right"}} -->
+<div class="wp-block-group"><!-- wp:navigation {"overlayMenu":"always","overlayBackgroundColor":"background","overlayTextColor":"foreground","layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right"},"style":{"typography":{"fontStyle":"normal"}},"fontSize":"x-large"} /--></div>
 <!-- /wp:group -->
 </div>
-<!-- /wp:group -->
+<!-- /wp:group -->

lettre/patterns/hidden-footer.php

@@ -13,9 +13,9 @@
 <div style="height:170px" aria-hidden="true" class="wp-block-spacer"></div>
 <!-- /wp:spacer -->
 
-<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"bottom":"var(--wp--custom--spacing--outer)"}}},"layout":{"type":"constrained"}} -->
-<div class="wp-block-group alignfull" style="padding-bottom:var(--wp--custom--spacing--outer)"><!-- wp:group {"align":"full","layout":{"type":"flex","allowOrientation":false,"justifyContent":"space-between"}} -->
-<div class="wp-block-group alignfull"><!-- wp:paragraph {"fontSize":"small"} -->
+<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"bottom":"var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dspacing\u002d\u002douter)","left":"var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dspacing\u002d\u002douter)","right":"var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dspacing\u002d\u002douter)"}}},"layout":{"type":"default"}} -->
+<div class="wp-block-group alignfull" style="padding-right:var(--wp--custom--spacing--outer);padding-bottom:var(--wp--custom--spacing--outer);padding-left:var(--wp--custom--spacing--outer)"><!-- wp:group {"layout":{"type":"flex","allowOrientation":false,"justifyContent":"space-between"}} -->
+<div class="wp-block-group"><!-- wp:paragraph {"fontSize":"small"} -->
 <p class="has-small-font-size">
 	<?php
 		echo sprintf(