fix(client): reduce gap between action row and breadcrumbs (#66317)

client/src/components/layouts/variables.css

@@ -37,7 +37,7 @@
   --header-sub-element-size: 45px;
   --header-height: 38px;
   --breadcrumbs-height: 44px;
-  --action-row-height: 64px;
+  --action-row-height: 54px;
   --z-index-breadcrumbs: 100;
   --z-index-flash: 150;
   --z-index-site-header: 200;

client/src/templates/Challenges/classic/classic.css

@@ -24,7 +24,7 @@
   left: 0;
   right: 0;
   z-index: 100;
-  padding: 10px;
+  padding: 0 10px 10px;
   border-bottom: 1px solid var(--quaternary-background);
   background-color: var(--secondary-background);
 }

client/src/templates/Challenges/generic/show.tsx

@@ -85,13 +85,9 @@ function renderNodule(
     case 'interactiveEditor':
       if (showInteractiveEditor) {
         return (
-          <>
-            <Spacer size='s' />
-            <Col xs={12} md={12} lg={10} lgOffset={1}>
-              <InteractiveEditor files={nodule.files} />
-            </Col>
-            <Spacer size='s' />
-          </>
+          <Col xs={12} md={12} lg={10} lgOffset={1}>
+            <InteractiveEditor files={nodule.files} />
+          </Col>
         );
       } else {
         const { files } = nodule;