style(console): fix unexpected spacing under page title (#5423)

packages/console/src/components/ListPage/index.tsx

@@ -49,7 +49,7 @@ function ListPage<
         <CardTitle {...title} />
         {createButton && <Button icon={<Plus />} type="primary" size="large" {...createButton} />}
       </div>
-      {subHeader && <div className={pageLayout.subHeader}>{subHeader}</div>}
+      {subHeader}
       <Table className={pageLayout.table} {...table} />
       {widgets}
     </div>

packages/console/src/pages/ApiResources/index.module.scss

@@ -3,3 +3,7 @@
 .icon {
   flex-shrink: 0;
 }
+
+.chargeNotification {
+  margin-top: _.unit(4);
+}

packages/console/src/pages/ApiResources/index.tsx

@@ -85,6 +85,7 @@ function ApiResources() {
               hasSurpassedLimit={hasSurpassedLimit}
               quotaItemPhraseKey="api_resource"
               checkedFlagKey="apiResource"
+              className={styles.chargeNotification}
             />
           )
         }

packages/console/src/pages/Connectors/SignInExperienceSetupNotice/index.module.scss

@@ -0,0 +1,5 @@
+@use '@/scss/underscore' as _;
+
+.notice {
+  margin-top: _.unit(4);
+}

packages/console/src/pages/Connectors/SignInExperienceSetupNotice/index.tsx

@@ -6,6 +6,8 @@ import InlineNotification from '@/ds-components/InlineNotification';
 import TextLink from '@/ds-components/TextLink';
 import useUserPreferences from '@/hooks/use-user-preferences';
 
+import * as styles from './index.module.scss';
+
 function SignInExperienceSetupNotice() {
   const { t } = useTranslation(undefined, { keyPrefix: 'admin_console' });
   const { data: connectors } = useSWR<ConnectorResponse[]>('api/connectors');
@@ -21,6 +23,7 @@ function SignInExperienceSetupNotice() {
   return (
     <InlineNotification
       action="general.got_it"
+      className={styles.notice}
       onClick={() => {
         void update({ connectorSieNoticeConfirmed: true });
       }}

packages/console/src/scss/page-layout.module.scss

@@ -15,10 +15,6 @@
   gap: _.unit(6);
 }
 
-.subHeader {
-  margin: _.unit(4) 0 0;
-}
-
 .table {
   flex: 1;
   margin-top: _.unit(4);