Remove Transfer title from card in replication settings when new tabl…

…e is enabled (#20762)

airbyte-webapp/src/views/Connection/ConnectionForm/ConnectionFormFields.tsx

@@ -9,7 +9,6 @@ import { useUnmount } from "react-use";
 import { ControlLabels } from "components";
 import { FormChangeTracker } from "components/common/FormChangeTracker";
 import { Button } from "components/ui/Button";
-import { Heading } from "components/ui/Heading";
 import { Input } from "components/ui/Input";
 
 import { NamespaceDefinitionType } from "core/request/AirbyteClient";
@@ -51,23 +50,21 @@ export const ConnectionFormFields: React.FC<ConnectionFormFieldsProps> = ({ valu
   });
 
   const isNewStreamsTableEnabled = process.env.REACT_APP_NEW_STREAMS_TABLE ?? false;
+  const firstSectionTitle = isNewStreamsTableEnabled ? undefined : <FormattedMessage id="connection.transfer" />;
 
   return (
     <>
       {/* FormChangeTracker is here as it has access to everything it needs without being repeated */}
       <FormChangeTracker changed={dirty} formId={formId} />
       <div className={styles.formContainer}>
-        <Section title={<FormattedMessage id="connection.transfer" />}>
+        <Section title={firstSectionTitle}>
           <ScheduleField />
           {allowAutoDetectSchema && (
             <Field name="nonBreakingChangesPreference" component={NonBreakingChangesPreferenceField} />
           )}
         </Section>
         {!isNewStreamsTableEnabled && (
-          <Section>
-            <Heading as="h2" size="sm">
-              <FormattedMessage id="connection.streams" />
-            </Heading>
+          <Section title={<FormattedMessage id="connection.streams" />}>
             <span className={readonlyClass}>
               <Field name="namespaceDefinition" component={NamespaceDefinitionField} />
             </span>