Convert CreateConnectionForm to react-hook-form

[dizel852]

Part of #24303

Relevant information

A list of sub-components of <CreateConnectionForm >:

<CreateConnectionForm>
  <CreateConnectionFormInner>
    <Formik>
          
       <CreateConnectionNameField />

       <DataResidency />

       <ConnectionFormFields>
          <ScheduleField />
          <NamespaceDefinitionField />
          <DestinationStreamPrefixName />
          <NonBreakingChangesPreferenceField />
          <SyncCatalogField />
       </ConnectionFormFields>

       <OperationsSection />

    </Formik>
  </CreateConnectionFormInner>
</CreateConnectionForm >

Additional visualization:

Forms (actually form controls) to migrate:

• <OperationsSection /> https://github.com/airbytehq/airbyte-platform-internal/pull/8408
• <CreateConnectionNameField /> https://github.com/airbytehq/airbyte-platform-internal/pull/8570
• <DataResidency /> https://github.com/airbytehq/airbyte-platform-internal/pull/8570
• <ScheduleField /> https://github.com/airbytehq/airbyte-platform-internal/pull/8685
• <NamespaceDefinitionField /> https://github.com/airbytehq/airbyte-platform-internal/pull/8685
• <DestinationStreamPrefixName /> https://github.com/airbytehq/airbyte-platform-internal/pull/8685
• <NonBreakingChangesPreferenceField /> https://github.com/airbytehq/airbyte-platform-internal/pull/8685
• <SyncCatalogField /> https://github.com/airbytehq/airbyte-platform-internal/pull/8835

After migration

• Clean up after migration https://github.com/airbytehq/airbyte-internal-issues/issues/5313