Update settings to toggle auto-detect schema changes notifications

- Added toggle auto-detect schema changes notifications

airbyte-webapp/src/pages/ConnectionPage/pages/ConnectionItemPage/ConnectionSettingsTab.tsx

@@ -3,7 +3,6 @@ import React from "react";
 import { DeleteBlock } from "components/common/DeleteBlock";
 import { UpdateConnectionDataResidency } from "components/connection/UpdateConnectionDataResidency";
 
-import { useSchemaChanges } from "hooks/connection/useSchemaChanges";
 import { PageTrackingCodes, useTrackPage } from "hooks/services/Analytics";
 import { useConnectionEditService } from "hooks/services/ConnectionEdit/ConnectionEditService";
 import { FeatureItem, useFeature } from "hooks/services/Feature";
@@ -17,16 +16,16 @@ import { StateBlock } from "./StateBlock";
 export const ConnectionSettingsTab: React.FC = () => {
   const { connection } = useConnectionEditService();
   const { mutateAsync: deleteConnection } = useDeleteConnection();
-  const { hasSchemaChanges } = useSchemaChanges(connection.schemaChange);
   const canUpdateDataResidency = useFeature(FeatureItem.AllowChangeDataGeographies);
+  const allowAutoDetectSchemaChanges = useFeature(FeatureItem.AllowAutoDetectSchemaChanges);
 
   const [isAdvancedMode] = useAdvancedModeSetting();
   useTrackPage(PageTrackingCodes.CONNECTIONS_ITEM_SETTINGS);
   const onDelete = () => deleteConnection(connection);
 
   return (
     <div className={styles.container}>
-      {hasSchemaChanges && <SchemaUpdateNotifications />}
+      {allowAutoDetectSchemaChanges && <SchemaUpdateNotifications />}
       {canUpdateDataResidency && <UpdateConnectionDataResidency />}
       {isAdvancedMode && <StateBlock connectionId={connection.connectionId} />}
       <DeleteBlock type="connection" onDelete={onDelete} />