revert css changes, add new css (#30699)

Co-authored-by: Mattermost Build <build@mattermost.com>

webapp/channels/src/components/admin_console/custom_profile_attributes/custom_profile_attributes.scss

@@ -0,0 +1,19 @@
+.custom-profile-attributes {
+    border-top: 1px solid rgba(61, 60, 64, 0.08);
+    border-bottom: 1px solid rgba(61, 60, 64, 0.08);
+    margin-bottom: 25px;
+    
+    .section-header {
+        padding: 24px 0px;
+        border-bottom: none;
+    
+        .section-title {
+            font-size: 16px;
+            font-weight: bold;
+        }
+    
+        .section-subtitle {
+            font-size: 14px;
+        }
+    }
+}

webapp/channels/src/components/admin_console/custom_profile_attributes/custom_profile_attributes.tsx

@@ -2,6 +2,7 @@
 // See LICENSE.txt for license information.
 
 import React, {useEffect, useState, memo} from 'react';
+import './custom_profile_attributes.scss';
 import {FormattedMessage} from 'react-intl';
 import {useSelector} from 'react-redux';
 import {Link} from 'react-router-dom';
@@ -118,6 +119,7 @@ const CustomProfileAttributes: React.FC<Props> = (props: Props): JSX.Element | n
     }
 
     return (
+        <div className='custom-profile-attributes'>
             <SettingsGroup
                 id={props.id}
                 title={
@@ -126,6 +128,7 @@ const CustomProfileAttributes: React.FC<Props> = (props: Props): JSX.Element | n
                         defaultMessage='Custom profile attributes sync'
                     />
                 }
+                container={false}
                 subtitle={
                     <FormattedMessage
                         id='admin.customProfileAttributes.subtitle'
@@ -176,6 +179,7 @@ const CustomProfileAttributes: React.FC<Props> = (props: Props): JSX.Element | n
                     />
                 ))}
             </SettingsGroup>
+        </div>
     );
 };
 

webapp/channels/src/components/admin_console/schema_admin_settings.scss

@@ -23,12 +23,6 @@
 
     .section-body {
         padding: 28px 32px;
-
-        .section-header {
-            padding: 24px 0px;
-            border-top: 1px solid rgba(61, 60, 64, 0.08);
-            border-bottom: none;
-        }
     }
 }
 

webapp/channels/src/sass/routes/_admin-console.scss

@@ -62,24 +62,6 @@
 
     .admin-console__content {
         max-width: 920px;
-
-        .admin-console__content {
-            border-bottom: 1px solid rgba(61, 60, 64, 0.08);
-        }    
-
-        .section-header {
-            padding: 24px 0px;
-            border-top: 1px solid rgba(61, 60, 64, 0.08);
-
-            .section-title {
-                font-size: 16px;
-                font-weight: bold;
-            }
-    
-            .section-subtitle {
-                font-size: 14px;
-            }    
-        }
     }
 
     .admin-console__checkbox-list {