Jamakase/select default sync modes (#10320)

* Select default sync modes in create mode

* Add unit tests

* Mock Markdown implementation

airbyte-webapp/src/components/Markdown/__mocks__/Markdown.tsx

@@ -0,0 +1,7 @@
+import React from "react";
+
+function ReactMarkdown({ children }: React.PropsWithChildren<unknown>) {
+  return <>{children}</>;
+}
+
+export default ReactMarkdown;

airbyte-webapp/src/components/Markdown/__mocks__/index.ts

@@ -0,0 +1 @@
+export { default as Markdown } from "./Markdown";

airbyte-webapp/src/core/domain/catalog/api.ts

@@ -19,7 +19,7 @@ export enum DestinationSyncMode {
   Dedupted = "append_dedup",
 }
 
-export type SyncSchemaStreamInner = {
+export type AirbyteSchemaStream = {
   stream: AirbyteStream;
   config: AirbyteStreamConfiguration;
 };
@@ -54,4 +54,8 @@ export type SyncSchema = {
   streams: SyncSchemaStream[];
 };
 
+export type AirbyteSyncSchema = {
+  streams: AirbyteSchemaStream[];
+};
+
 export type Path = string[];

airbyte-webapp/src/setupTests.ts → airbyte-webapp/src/setupTests.tsx

@@ -4,3 +4,6 @@
 // learn more: https://github.com/testing-library/jest-dom
 import "@testing-library/jest-dom/extend-expect";
 import "@testing-library/jest-dom";
+
+// hack to fix tests. https://github.com/remarkjs/react-markdown/issues/635
+jest.mock("components/Markdown");

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

@@ -30,7 +30,7 @@ import {
 import { OperationsSection } from "./components/OperationsSection";
 
 const EditLaterMessage = styled(Label)`
-  margin: -20px 0 29px;
+  margin: 20px 0 29px;
 `;
 
 const ConnectorLabel = styled(ControlLabels)`