FIX: Debounce name/description state updates to prevent stale closure

- Add debounced state update for name and description fields (300ms)
- Prevents the handleCreateOrUpdate callback from capturing stale
  dbSelectionInfo values during rapid typing
- Ensures the last character is not lost when updating a connection

This fixes the bug where editing connection name from "test_pg" to
"test_pg_edited" would save as "test_pg_edite" (missing last character).

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

Author: tahierhussain

frontend/src/base/components/environment/CreateConnection.jsx

@@ -1,4 +1,5 @@
 import { useEffect, useState, useCallback, useMemo } from "react";
+import { debounce } from "lodash";
 import Cookies from "js-cookie";
 import PropTypes from "prop-types";
 
@@ -118,9 +119,26 @@ const CreateConnection = ({
     getConnectionFields();
   }, [getConnectionFields]);
 
-  const handleConnectionNameDesc = useCallback((name, value) => {
-    setDbSelectionInfo((prev) => ({ ...prev, [name]: value }));
-  }, []);
+  const debouncedSetDbSelectionInfo = useMemo(
+    () =>
+      debounce((name, value) => {
+        setDbSelectionInfo((prev) => ({ ...prev, [name]: value }));
+      }, 300),
+    []
+  );
+
+  useEffect(() => {
+    return () => {
+      debouncedSetDbSelectionInfo.cancel();
+    };
+  }, [debouncedSetDbSelectionInfo]);
+
+  const handleConnectionNameDesc = useCallback(
+    (name, value) => {
+      debouncedSetDbSelectionInfo(name, value);
+    },
+    [debouncedSetDbSelectionInfo]
+  );
 
   const handleCreateOrUpdate = useCallback(async () => {
     setIsCreateOrUpdateLoading(true);