feat: Renamed role to ariaRole property

[niti-owner]

Description

Renamed role to ariaRole attribute to avoid conflict of attribute names

Related Issue

https://github.com/momentum-design/momentum-ui/pull/1551

Motivation and Context

In react based component, the property can not be passed with dot notaion. To avoid the conflict, renamed the role to ariaRole

How Has This Been Tested?

1. Updated UTs
2. Updated story book
3. JAWs will read out twice if the role is in parent and child both, hence fixed by renaming it to ariaRole.

Screenshots:

Before (If applicable):

After:

Types of changes

• [x] Bug fix (non-breaking change which fixes an issue)
• [ ] New feature (non-breaking change which adds functionality)
• [ ] Breaking change (fix or feature that would cause existing functionality to change)
• [ ] Documentation update
• [ ] Code style update (formatting, local variables)
• [ ] Refactoring (no functional changes, no api changes)
• [ ] Build related changes
• [ ] CI related changes
• [ ] Other... Please describe:

Checklist:

• [x] My code follows the code style of this project.
• [ ] My change requires a change to the documentation.
• [ ] I have updated the documentation accordingly.
• [ ] I have read the CONTRIBUTING document.
• [ ] I have added tests to cover my changes.
• [ ] All new and existing tests passed.

[codecov[bot]]

Codecov Report

All modified and coverable lines are covered by tests :white_check_mark:

Project coverage is 94.16%. Comparing base (857a861) to head (234cb9b).

Additional details and impacted files

```diff @@ Coverage Diff @@ ## master #1557 +/- ## ========================================== - Coverage 94.16% 94.16% -0.01% ========================================== Files 134 134 Lines 19055 19066 +11 Branches 2926 2919 -7 ========================================== + Hits 17944 17953 +9 - Misses 1111 1113 +2 ```

:umbrella: View full report in Codecov by Sentry.
:loudspeaker: Have feedback on the report? Share it here.