fix(API Key Modal): heading,label and downloadlink

[anamikaanu96]

Closes #6250 and #6251

Fixed the heading text and added aria-label and role of for APIKeyDownloader

What did you change? packages/ibm-products/src/components/APIKeyModal/APIKeyDownloader.js

packages/ibm-products/src/components/APIKeyModal/APIKeyModal.tsx
packages/ibm-products/src/components/APIKeyModal/APIKeyModal.stories.jsx

How did you test and verify your work? voiceover

[netlify]

✅ Deploy Preview for carbon-for-ibm-products ready!

Name	Link
🔨 Latest commit	9206cac
🔍 Latest deploy log	https://app.netlify.com/sites/carbon-for-ibm-products/deploys/6724e332b6315e0009a50346
😎 Deploy Preview	https://deploy-preview-6298--carbon-for-ibm-products.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[netlify]

✅ Deploy Preview for ibm-products-web-components ready!

Name	Link
🔨 Latest commit	9206cac
🔍 Latest deploy log	https://app.netlify.com/sites/ibm-products-web-components/deploys/6724e332ae0a670007f442d4
😎 Deploy Preview	https://deploy-preview-6298--ibm-products-web-components.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 79.36%. Comparing base (dcecd22) to head (9206cac).
Report is 1 commits behind head on main.

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #6298      +/-   ##
==========================================
+ Coverage   79.34%   79.36%   +0.01%     
==========================================
  Files         395      395              
  Lines       12880    12882       +2     
  Branches     4256     4258       +2     
==========================================
+ Hits        10220    10224       +4     
+ Misses       2660     2658       -2     

Components	Coverage Δ
ibm-products	∅ <ø> (∅)
ibm-products-web-components	∅ <ø> (∅)

[amal-k-joy]

Looking good

[devadula-nandan]

prop name can be changed to camelCase

[anamikaanu96]

prop name can be changed to camelCase

yea it should be, its added by mistake. Thanks @devadula-nandan for reviewing!

[devadula-nandan]

Hi @anamikaanu96 , all good except one last thing which is confusing.

The issue #6251 states that headings should be organized hierarchically. also, it indicates the use of H1, while I observe two H2 headings that do not follow this hierarchical structure.

should it be H2 H3 ?

edit: oh wait, they are coming from ModalHeader which is not in our control.

<ModalHeader
  title={title} // shows a h2
  label={modalLabel} // shows a h2
/>

do we need to raise an issue for carbon react? im guessing there is an active issue for this