[CORL-560] Update Admin > Config area to match new designs (#2514)

* Add solid background to Moderate > Config area headers

CORL-560

* Update Config > General section text and font weight

CORL-560

* Update ordering of Config > Moderation page items

CORL-560

* Update text and font weights in Configure > Moderation page

CORL-560

* Update text and font weight on Configure > Organization page

CORL-560

* Update text and font weight on Configure > Banned and Suspect Words page

CORL-560

* Update text and font weight on Configure > Authentication page

CORL-560

* Update text and font weights on Configure > Email page

CORL-560

* Update text and font weights on Configure > Advanced page

CORL-560

* Repair tests around the styling changes made to the moderation config area

CORL-560

* Fix capitalization on the Config > General page

CORL-560

* Make email checkbox light themed so its text shows up on new headers

CORL-560

* Update Header width to account for padding

Prevents it from sticking out over the edge of the page layout

CORL-560

* Align "Sort by" text to the drop down in Admin > Config > General > Reactions

CORL-560

* Update Admin > Config > General snapshot to adjust for vertical aligned text

Vertical flex aligned the "Sort by" text to a combo box in a previous changed

CORL-560

* Rename "Perspective Toxic Comment Filter" header to "Toxic Comment Filter"

CORL-560

* Use overlay scrolling if available to prevent scroll bar width popping

CORL-560

* Remove overflow-y: overlay

CORL-560

* Rename Akismet Spam Detection to Spam Detection

CORL-560

* Make all non-complex text fields full width in Admin > Config

CORL-560

* Remove Authentication Integrations header

Area underneath was empty

CORL-560

* Re-arrange SSO Key Field layout

CORL-560

* Create new typography types for bodyShort and fieldDescription

CORL-560

* Update Admin > Config to use bodyShort, fieldDescription typography

CORL-560

* Add a slight padding on InputLabel

CORL-560

* Add padding on either side of Admin > Config section content

CORL-560

src/core/client/admin/test/auth/__snapshots__/createPassword.spec.tsx.snap

@@ -24,7 +24,7 @@ we require users to create a password.
         Password
       </label>
       <p
-        className="Box-root Typography-root Typography-detail Typography-colorTextSecondary"
+        className="Box-root Typography-root Typography-fieldDescription Typography-colorTextSecondary"
       >
         Must be at least 8 characters
       </p>
@@ -151,7 +151,7 @@ we require users to create a password.
                   Password
                 </label>
                 <p
-                  className="Box-root Typography-root Typography-detail Typography-colorTextSecondary"
+                  className="Box-root Typography-root Typography-fieldDescription Typography-colorTextSecondary"
                 >
                   Must be at least 8 characters
                 </p>
@@ -241,7 +241,7 @@ we require users to create a password.
         Password
       </label>
       <p
-        className="Box-root Typography-root Typography-detail Typography-colorTextSecondary"
+        className="Box-root Typography-root Typography-fieldDescription Typography-colorTextSecondary"
       >
         Must be at least 8 characters
       </p>
@@ -353,7 +353,7 @@ GraphQL request (4:3)
         Password
       </label>
       <p
-        className="Box-root Typography-root Typography-detail Typography-colorTextSecondary"
+        className="Box-root Typography-root Typography-fieldDescription Typography-colorTextSecondary"
       >
         Must be at least 8 characters
       </p>
@@ -438,7 +438,7 @@ we require users to create a password.
         Password
       </label>
       <p
-        className="Box-root Typography-root Typography-detail Typography-colorTextSecondary"
+        className="Box-root Typography-root Typography-fieldDescription Typography-colorTextSecondary"
       >
         Must be at least 8 characters
       </p>

src/core/client/admin/test/auth/__snapshots__/createUsername.spec.tsx.snap

@@ -23,7 +23,7 @@ exports[`checks for invalid username 1`] = `
         Username
       </label>
       <p
-        className="Box-root Typography-root Typography-detail Typography-colorTextSecondary"
+        className="Box-root Typography-root Typography-fieldDescription Typography-colorTextSecondary"
       >
         You may use “_” and “.” Spaces not permitted.
       </p>
@@ -127,7 +127,7 @@ exports[`renders createUsername view 1`] = `
                   Username
                 </label>
                 <p
-                  className="Box-root Typography-root Typography-detail Typography-colorTextSecondary"
+                  className="Box-root Typography-root Typography-fieldDescription Typography-colorTextSecondary"
                 >
                   You may use “_” and “.” Spaces not permitted.
                 </p>
@@ -194,7 +194,7 @@ exports[`shows error when submitting empty form 1`] = `
         Username
       </label>
       <p
-        className="Box-root Typography-root Typography-detail Typography-colorTextSecondary"
+        className="Box-root Typography-root Typography-fieldDescription Typography-colorTextSecondary"
       >
         You may use “_” and “.” Spaces not permitted.
       </p>
@@ -283,7 +283,7 @@ GraphQL request (4:3)
         Username
       </label>
       <p
-        className="Box-root Typography-root Typography-detail Typography-colorTextSecondary"
+        className="Box-root Typography-root Typography-fieldDescription Typography-colorTextSecondary"
       >
         You may use “_” and “.” Spaces not permitted.
       </p>
@@ -345,7 +345,7 @@ exports[`successfully sets username 1`] = `
         Username
       </label>
       <p
-        className="Box-root Typography-root Typography-detail Typography-colorTextSecondary"
+        className="Box-root Typography-root Typography-fieldDescription Typography-colorTextSecondary"
       >
         You may use “_” and “.” Spaces not permitted.
       </p>