UX: Make banner full-width (#15038)

app/assets/stylesheets/common/components/banner.scss

@@ -8,6 +8,7 @@
   color: var(--primary);
   z-index: z("base") + 1;
   margin-bottom: 1em;
+  max-height: 250px;
   overflow: auto;
 
   &.overlay {

app/assets/stylesheets/desktop/_index.scss

@@ -1,5 +1,4 @@
 @import "admin_customize";
-@import "banner";
 @import "category-list";
 @import "compose";
 @import "discourse";

app/assets/stylesheets/desktop/banner.scss

@@ -1,8 +0,0 @@
-// --------------------------------------------------
-// Banner
-// --------------------------------------------------
-
-#banner {
-  max-width: 1090px;
-  max-height: 250px;
-}

app/assets/stylesheets/mobile/_index.scss

@@ -5,7 +5,6 @@
 @import "admin_report";
 @import "admin_reports";
 @import "alert";
-@import "banner";
 @import "buttons";
 @import "compose";
 @import "dashboard";

app/assets/stylesheets/mobile/components/_index.scss

@@ -1,3 +1,4 @@
+@import "banner";
 @import "topic-footer-mobile-dropdown";
 @import "user-card";
 @import "user-stream-item";