MM-58527 - Fixing overflow issue for autocomplete (#27479)

* MM-58527 - Fixing overflow issue for autocomplete

* MM-58527 - Fixing overflow issue on autocomplete

webapp/channels/src/components/widgets/header/header.scss

@@ -7,6 +7,7 @@
     align-items: center;
     justify-content: space-between;
     padding: 0 16px;
+    border-radius: 12px 12px 0 0;
     background-color: var(--center-channel-bg);
 
     h1,

webapp/channels/src/sass/base/_structure.scss

@@ -211,7 +211,7 @@ body.app__body #root {
     #channel_view,
     .product-wrapper {
         grid-area: center;
-        overflow: hidden;
+        overflow: visible;
     }
 
     .sidebar--right--width-holder {

webapp/channels/src/sass/components/_post.scss

@@ -370,6 +370,7 @@
 .post-create__container {
     width: 100%;
     flex: 0 0 auto;
+    border-radius: 0 0 12px 12px;
     background: var(--center-channel-bg);
     color: var(--center-channel-color);
 

webapp/channels/src/sass/layout/_content.scss

@@ -53,6 +53,7 @@
     height: 100%;
     flex-direction: column;
     padding-top: 50px;
+    border-radius: 12px;
     background: var(--center-channel-bg);
     color: var(--center-channel-text);
 

webapp/channels/src/sass/layout/_headers.scss

@@ -6,6 +6,7 @@
     width: 100%;
     max-height: 56px;
     padding: 12px;
+    border-radius: 12px 12px 0 0;
     border-bottom: var(--border-default);
     background: v(center-channel-bg);
     font-size: 14px;