Change wrapper class

Some adblockers (AdBlocker Ultimate) target the class
`.wrapper` so we need to rename it to allow our legitimate
 use 🙈

Ticket: https://phabricator.wikimedia.org/T395100

Author: Abban

src/pattern_library/components/App.vue

@@ -39,7 +39,7 @@
 			</div>
 		</header>
 
-		<div class="wrapper flow footer-bottom__stretch">
+		<div class="content-wrapper flow footer-bottom__stretch">
 
 			<div class="sidebar" data-direction="rtl">
 
@@ -59,7 +59,7 @@
 		</div>
 
 		<footer class="site-foot">
-			<div class="wrapper">
+			<div class="content-wrapper">
 				<div class="sidebar" data-direction="rtl">
 					<div class="site-foot__content">
 						<figure class="site-foot__brand">

src/pattern_library/css/compositions/wrapper.css

@@ -1,8 +1,9 @@
-/*
-WRAPPER COMPOSITION 
+/* CONTENT WRAPPER COMPOSITION
 A common wrapper/container. Usually used for the top-level elements on the page (children of `body`) to center them horizontally.
+
+Note: This is called `.content-wrapper` only because some ad-blockers target the class `.wrapper`
 */
-.wrapper {
+.content-wrapper {
 	margin-inline: auto;
 	width: 100%;
 	max-width: var(--wrapper-max-width, 1360px);

src/pattern_library/pages/layout-compositions/content.md

@@ -200,5 +200,6 @@ This should be used in all contexts where the content needs to be in the center
 ### Examples
 
 ```html
-<div class="wrapper">I am centered and have a nice, consistent gutter.</div>
+
+<div class="content-wrapper">I am centered and have a nice, consistent gutter.</div>
 ```

src/pattern_library/patterns/site-foot/Examples.vue

@@ -1,6 +1,6 @@
 <template>
 	<footer class="site-foot">
-		<div class="wrapper">
+		<div class="content-wrapper">
 			<div class="sidebar" data-direction="rtl">
 				<div class="site-foot__content">
 					<figure class="site-foot__brand">

src/pattern_library/patterns/site-foot/markup.html

@@ -1,5 +1,5 @@
 <footer class="site-foot">
-	<div class="wrapper">
+	<div class="content-wrapper">
 		<div class="sidebar" data-direction="rtl">
 			<div class="site-foot__content">
 				<figure class="site-foot__brand">