fix: removed clickable area div and moved a11y to parent and render a…

[krane-c-eightfold]

SUMMARY:

• Accordion was reading the header thrice in quick nav mode
• it should read the header only twice one for label 2nd for region
• a div with role button which was made clickable was causing the issue

GITHUB ISSUE (Open Source Contributors)

JIRA TASK (Eightfold Employees Only):

https://eightfoldai.atlassian.net/browse/ENG-154988

CHANGE TYPE:

• Bugfix Pull Request
• Feature Pull Request

TEST COVERAGE:

• Tests for this change already exist
• I have added unittests for this change

TEST PLAN:

• navigate to accordion component
• turn on voiceover
• turn on quick nav mode and check if accordion is getting focused twice

Screen.Recording.2025-07-30.at.4.43.31.PM.mov

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

[ypatadia-eightfold]

1. Delete .clickable-area from accordion.module.scss if it's not used in the codebase anymore.
2. add cursor: pointer to accordion header