fix(frontend): Typing in the NodeKeyValueInput field causes the field to un-focus (Significant-Gravitas#8680)

* fix(frontend): Typing in the "Prompt Values" input field causes the field to un-focus

* Add comment

* Rephrase

Author: majdyz

autogpt_platform/frontend/src/components/node-input-components.tsx

@@ -404,7 +404,11 @@ const NodeKeyValueInput: FC<{
     >
       <div>
         {keyValuePairs.map(({ key, value }, index) => (
-          <div key={getEntryKey(key)}>
+          /* 
+          The `index` is used as a DOM key instead of the actual `key`
+          because the `key` can change with each input, causing the input to lose focus.
+          */
+          <div key={index}>
             <NodeHandle
               keyName={getEntryKey(key)}
               schema={{ type: "string" }}