Fix content breaking out of main container (#84)

* Remove unnecessary width from label

This was creating an overflow to the right on Chrome

* Wrap text when it breaks out of the blocks container

* Force `pre` blocks to scroll to retain code formatting

source/wp-content/themes/wporg-parent-2021/sass/base/_layout.scss

@@ -3,6 +3,7 @@
 	display: flex;
 	flex-direction: column;
 	min-height: calc(100vh - var(--wp-global-header-offset, 0px) - var(--local-header-height, 0px));
+	overflow-wrap: break-word;
 
 	> main,
 	> article {

source/wp-content/themes/wporg-parent-2021/sass/blocks/_index.scss

@@ -8,6 +8,7 @@
 @import "post-excerpt";
 @import "post-navigation-link";
 @import "post-title";
+@import "preformatted";
 @import "pullquote";
 @import "query-pagination";
 @import "quote";

source/wp-content/themes/wporg-parent-2021/sass/blocks/_preformatted.scss

@@ -0,0 +1,5 @@
+.wp-block-preformatted {
+	white-space: pre;
+	overflow-x: scroll;
+	overflow-wrap: normal;
+}

source/wp-content/themes/wporg-parent-2021/sass/blocks/_search.scss

@@ -16,7 +16,6 @@
 	margin-top: var(--wp--custom--margin--baseline);
 
 	> label {
-		width: 100%;
 		margin-bottom: calc(var(--wp--custom--form--padding) / 2);
 		font-size: var(--wp--custom--form--typography--font-size);
 		color: var(--wp--custom--form--color--label);