[CORL-874] Align the sidebar and config content in Admin>Configure (#2803)

* Align the sidebar and config content in Admin>Configure

CORL-874

* fix: updated snapshots

Co-authored-by: Wyatt Johnson <accounts+github@wyattjoh.ca>

src/core/client/admin/routes/Configure/SideBar.css

@@ -1,6 +1,5 @@
 .root {
   width: calc(31 * var(--mini-unit));
-  padding-top: calc(0.5 * var(--mini-unit));
   padding-right: calc(3 * var(--mini-unit));
   position: sticky;
   top: 0;

src/core/client/admin/routes/Configure/sections/General/GeneralConfigContainer.css

@@ -0,0 +1,3 @@
+.root {
+  padding-top: var(--v2-spacing-4);
+}

src/core/client/admin/routes/Configure/sections/General/GeneralConfigContainer.tsx

@@ -20,6 +20,8 @@ import ReactionConfigContainer from "./ReactionConfigContainer";
 import SitewideCommentingConfig from "./SitewideCommentingConfig";
 import StaffConfig from "./StaffConfig";
 
+import styles from "./GeneralConfigContainer.css";
+
 interface Props {
   submitting: boolean;
   settings: SettingsData;
@@ -32,7 +34,11 @@ const GeneralConfigContainer: React.FunctionComponent<Props> = ({
   const form = useForm();
   useMemo(() => form.initialize(purgeMetadata(settings)), []);
   return (
-    <HorizontalGutter size="double" data-testid="configure-generalContainer">
+    <HorizontalGutter
+      size="double"
+      data-testid="configure-generalContainer"
+      className={styles.root}
+    >
       <LocaleConfig disabled={submitting} />
       <SitewideCommentingConfig disabled={submitting} />
       <GuidelinesConfig disabled={submitting} />

src/core/client/admin/test/configure/__snapshots__/general.spec.tsx.snap

@@ -124,7 +124,7 @@ exports[`renders configure general 1`] = `
         className="Main-root"
       >
         <div
-          className="Box-root HorizontalGutter-root HorizontalGutter-double"
+          className="Box-root HorizontalGutter-root GeneralConfigContainer-root HorizontalGutter-double"
           data-testid="configure-generalContainer"
         >
           <div