Merge branch 'xl-breakpoint' into 'develop'

Tailwind: reduce xl breakpoint to 1280px

Closes #1013

See merge request soapbox-pub/soapbox-fe!1600

app/styles/about.scss

@@ -52,7 +52,7 @@ $fluid-breakpoint: $maximum-width + 20px;
 
   .container {
     width: 100%;
-    max-width: 1440px;
+    max-width: 1280px;
 
     @media screen and (max-width: $no-gap-breakpoint) {
       padding: 0;
@@ -82,7 +82,7 @@ $fluid-breakpoint: $maximum-width + 20px;
 
     .header-container {
       display: flex;
-      width: 1440px;
+      width: 1280px;
       align-items: stretch;
       justify-content: center;
       flex-wrap: nowrap;

app/styles/footer.scss

@@ -15,7 +15,7 @@
 
     .footer-container {
       display: flex;
-      width: 1440px;
+      width: 1280px;
       align-items: center;
       padding: 0 20px;
       flex-direction: column-reverse;

tailwind.config.js

@@ -8,7 +8,7 @@ module.exports = {
       sm: '581px',
       md: '768px',
       lg: '976px',
-      xl: '1440px',
+      xl: '1280px',
     },
     extend: {
       fontSize: {