Videomaker: Add a group to apply layout the header and footer (#5165)

* Videomaker: Add a group to apply layout the header and footer

* justify the footer group with space between

videomaker/block-template-parts/footer.html

@@ -1,14 +1,18 @@
-<!-- wp:group {"align":"wide","layout":{"type":"flex"},"style":{"spacing":{"padding":{"top":"170px","bottom":"var(--wp--custom--gap--horizontal"}}}} -->
-<div class="wp-block-group alignwide" style="padding-top: 170px;padding-bottom: var(--wp--custom--gap--horizontal);">	<!-- wp:group -->
-	<div class="wp-block-group">
-		<!-- wp:navigation {"overlayMenu":"never","__unstableLocation":"footer","layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"left","orientation":"vertical"},"style":{"typography":{"textTransform":"uppercase"},"spacing":{"blockGap":"0px"}}} /-->
-	</div>
-	<!-- /wp:group -->
-	<!-- wp:group {"className":"footer-credit"} -->
-	<div class="wp-block-group footer-credit">
-		<!-- wp:paragraph {"fontSize":"small"} -->
-		<p class="has-small-font-size">Proudly Powered by <a href="https://wordpress.org" rel="nofollow">WordPress</a></p>
-		<!-- /wp:paragraph -->
+<!-- wp:group {"layout":{"inherit":"true"}} -->
+<div class="wp-block-group">
+	<!-- wp:group {"align":"wide","layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"space-between"},"style":{"spacing":{"padding":{"top":"170px","bottom":"var(--wp--custom--gap--horizontal"}}}} -->
+	<div class="wp-block-group alignwide" style="padding-top: 170px;padding-bottom: var(--wp--custom--gap--horizontal);">	<!-- wp:group -->
+		<div class="wp-block-group">
+			<!-- wp:navigation {"overlayMenu":"never","__unstableLocation":"footer","layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"left","orientation":"vertical"},"style":{"typography":{"textTransform":"uppercase"},"spacing":{"blockGap":"0px"}}} /-->
+		</div>
+		<!-- /wp:group -->
+		<!-- wp:group {"className":"footer-credit"} -->
+		<div class="wp-block-group footer-credit">
+			<!-- wp:paragraph {"fontSize":"small"} -->
+			<p class="has-small-font-size">Proudly Powered by <a href="https://wordpress.org" rel="nofollow">WordPress</a></p>
+			<!-- /wp:paragraph -->
+		</div>
+		<!-- /wp:group -->
 	</div>
 	<!-- /wp:group -->
 </div>

videomaker/block-template-parts/header.html

@@ -1,12 +1,16 @@
-<!-- wp:group {"align":"wide","tagName":"header","layout":{"type":"flex"},"className":"site-header"} -->
-<header class="wp-block-group alignwide site-header">
-	<!-- wp:group {"layout":{"type":"flex"}} -->
-	<div class="wp-block-group">
-		<!-- wp:site-logo /-->
-		<!-- wp:site-title /-->
-		<!-- wp:site-tagline /-->
-	</div>
+<!-- wp:group {"layout":{"inherit":"true"}} -->
+<div class="wp-block-group">
+	<!-- wp:group {"align":"wide","tagName":"header","layout":{"type":"flex"},"className":"site-header"} -->
+	<header class="wp-block-group alignwide site-header">
+		<!-- wp:group {"layout":{"type":"flex"}} -->
+		<div class="wp-block-group">
+			<!-- wp:site-logo /-->
+			<!-- wp:site-title /-->
+			<!-- wp:site-tagline /-->
+		</div>
+		<!-- /wp:group -->
+		<!-- wp:navigation {"overlayMenu":"always","__unstableLocation":"primary","__unstableSocialLinks":"social","className":"is-style-blockbase-navigation-improved-responsive","layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right","orientation":"horizontal"}} /-->
+	</header>
 	<!-- /wp:group -->
-	<!-- wp:navigation {"overlayMenu":"always","__unstableLocation":"primary","__unstableSocialLinks":"social","className":"is-style-blockbase-navigation-improved-responsive","layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right","orientation":"horizontal"}} /-->
-</header>
+</div>
 <!-- /wp:group -->