fix: associate HTML labels with inputs (#9599)

Refs #8879

Co-authored-by: morsko1 <morssko1@gmail.com>

src/core/components/auth/api-key-auth.jsx

@@ -66,10 +66,17 @@ export default class ApiKeyAuth extends React.Component {
           <p>In: <code>{ schema.get("in") }</code></p>
         </Row>
         <Row>
-          <label>Value:</label>
+          <label htmlFor="api_key_value">Value:</label>
           {
             value ? <code> ****** </code>
-                  : <Col><Input type="text" onChange={ this.onChange } autoFocus/></Col>
+                  : <Col>
+                      <Input 
+                        id="api_key_value" 
+                        type="text" 
+                        onChange={ this.onChange } 
+                        autoFocus
+                      />
+                    </Col>
           }
         </Row>
         {