Theme: Add content feedback link to lesson and quiz

Closes #1860

wp-content/themes/pub/wporg-learn-2024/patterns/content-feedback.php

@@ -0,0 +1,26 @@
+<?php
+/**
+ * Title: Content Feedback
+ * Slug: wporg-learn-2024/content-feedback
+ * Inserter: no
+ */
+
+?>
+
+<!-- wp:heading {"level":2,"fontSize":"large"} -->
+<h2 class="wp-block-heading has-large-font-size">
+	<?php esc_html_e( 'Suggestions', 'wporg-learn' ); ?>
+</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"400,"lineHeight":"26px"}},"fontSize":"normal","fontFamily":"inter"} -->
+<p class="has-inter-font-family has-normal-font-size" style="font-style:normal;font-weight:400;line-height:26px">
+	<?php echo wp_kses_post(
+		sprintf(
+			/* translators: 1: Report content feedback link */
+			__( 'Found a typo, grammar error or outdated screenshot? <a href="%s">Contact us</a>.', 'wporg-learn' ),
+			'https://learn.wordpress.org/report-content-feedback/',
+		)
+	); ?>
+</p>
+<!-- /wp:paragraph -->

wp-content/themes/pub/wporg-learn-2024/patterns/sensei-lesson-columns.php

@@ -15,6 +15,14 @@
 
 		<!-- wp:sensei-lms/course-navigation /-->
 
+		<!-- wp:group {"style":{"border":{"top":{"color":"var:preset|color|light-grey-1","width":"1px"}},"spacing":{"padding":{"top":"var:preset|spacing|20"}}},"layout":{"type":"constrained"}} -->
+		<div class="wp-block-group" style="border-top-color:var(--wp--preset--color--light-grey-1);border-top-width:1px;padding-top:var(--wp--preset--spacing--20)">
+
+			<!-- wp:pattern {"slug":"wporg-learn-2024/content-feedback"} /-->
+
+		</div>
+		<!-- /wp:group -->
+
 	</div>
 	<!-- /wp:sensei-lms/ui -->
 

wp-content/themes/pub/wporg-learn-2024/patterns/sidebar-details.php

@@ -10,27 +10,11 @@
 ?>
 
 <!-- wp:wporg-learn/sidebar-meta-list {"type":"course","fontSize":"normal"} /-->
-
+ 
 <!-- wp:group {"layout":{"type":"constrained"}} -->
 <div class="wp-block-group">
 
-	<!-- wp:heading {"level":2,"fontSize":"large"} -->
-	<h2 class="wp-block-heading has-large-font-size">
-		<?php esc_html_e( 'Suggestions', 'wporg-learn' ); ?>
-	</h2>
-	<!-- /wp:heading -->
-
-	<!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"400,"lineHeight":"26px"}},"fontSize":"normal","fontFamily":"inter"} -->
-	<p class="has-inter-font-family has-normal-font-size" style="font-style:normal;font-weight:400;line-height:26px">
-		<?php echo wp_kses_post(
-			sprintf(
-				/* translators: 1: Report content feedback link */
-				__( 'Found a typo, grammar error or outdated screenshot? <a href="%s">Contact us</a>.', 'wporg-learn' ),
-				'https://learn.wordpress.org/report-content-feedback/',
-			)
-		); ?>
-	</p>
-	<!-- /wp:paragraph -->
+	<!-- wp:pattern {"slug":"wporg-learn-2024/content-feedback"} /-->
 
 </div>
 <!-- /wp:group -->

wp-content/themes/pub/wporg-learn-2024/src/style/_sensei.scss

@@ -29,6 +29,10 @@ body.sensei {
 		}
 	}
 
+	.sensei-course-theme__sidebar {
+		row-gap: 40px;
+	}
+
 	// Remove the border on module title.
 	.wp-block-sensei-lms-course-theme-lesson-module {
 		padding-left: unset;

wp-content/themes/pub/wporg-learn-2024/templates/single-quiz.html

@@ -37,3 +37,11 @@
 
 </div>
 <!-- /wp:group -->
+
+<!-- wp:group {"style":{"border":{"top":{"color":"var:preset|color|light-grey-1","width":"1px"}},"spacing":{"padding":{"top":"var:preset|spacing|30","right":"var:preset|spacing|edge-space","left":"var:preset|spacing|edge-space","bottom":"var:preset|spacing|40"},"margin":{"top":"var:preset|spacing|30"}}},"layout":{"type":"constrained"}} -->
+<div class="wp-block-group" style="border-top-color:var(--wp--preset--color--light-grey-1);border-top-width:1px;margin-top:var(--wp--preset--spacing--30);padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--edge-space);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--edge-space)">
+
+	<!-- wp:pattern {"slug":"wporg-learn-2024/content-feedback"} /-->
+
+</div>
+<!-- /wp:group -->