[Console] Fix column duplication when deselecting column type in table schema editor

GITHUB_PR_NUMBER: 10809
GITHUB_PR_URL: #10809

PR-URL: hasura/graphql-engine-mono#11384
Co-authored-by: Fahed Khan <127182880+12fahed@users.noreply.github.com>
GitOrigin-RevId: f79f7c0a6cc728e05e0529bcf73bba6607befbbf

Author: hasura-bot

frontend/libs/console/legacy-ce/src/lib/components/Services/Data/Add/TableColumn.js

@@ -45,8 +45,6 @@ const TableColumn = props => {
 
   const areArrayTypesSupported = isFeatureSupported('tables.create.arrayTypes');
 
-  const [colTypeIdentifier, setColTypeIdentifier] = useState(i);
-
   const [colTypeValue, setColTypeValue] = useState(column.type || '');
 
   useEffect(() => {
@@ -60,9 +58,7 @@ const TableColumn = props => {
 
     const newType = getNewType({ oldType: selectedOption.value, isArray });
 
-    onColTypeChange(selectedOption.colIdentifier, newType);
-
-    setColTypeIdentifier(selectedOption.colIdentifier);
+    onColTypeChange(i, newType);
     setColTypeValue(newType);
   };
 
@@ -73,7 +69,7 @@ const TableColumn = props => {
     if (colTypeValue) {
       const newType = getNewType({ oldType: colTypeValue, isArray });
 
-      onColTypeChange(colTypeIdentifier, newType);
+      onColTypeChange(i, newType);
       setColTypeValue(newType);
     }
   };