added arialabelled Prop for kSwitch

[Sahil-Sinha-11]

Description

Issue addressed

Addresses #806

Before/after screenshots

Changelog

• Description: Adds ariaLabelledBy prop to KSwitch.
• Products impact: Improved accessibility.
• Addresses: -[KSwitch]: Add ariaLabelledBy prop [KSwitch]: Add ariaLabelledBy prop #806
• Components: KSwitch
• Breaking: -
• Impacts a11y: -
• Guidance:-

Steps to test

1. Step 1
2. Step 2
3. ...

(optional) Implementation notes

At a high level, how did you implement this?

Does this introduce any tech-debt items?

Testing checklist

• Contributor has fully tested the PR manually
• If there are any front-end changes, before/after screenshots are included
• Critical and brittle code paths are covered by unit tests
• The change is described in the changelog section above

Reviewer guidance

• Is the code clean and well-commented?
• Are there tests for this change?
• Are all UI components LTR and RTL compliant (if applicable)?
• Add other things to check for here

Comments

[AlexVelezLl]

Hey @Sahil-Sinha-11 thanks for working on this! This looks like the right changes, I just suggested a little improvement in the jsdoc of the new prop.

Also, when you create a PR, in the "issue addressed" section in the PR description, you should add the issue number next to the Addresses #..., so you should have something like this: Addresses #806

[Sahil-Sinha-11]

Hey @AlexVelezLl , I changed the Issue addressed in the change log and the comment as you advised.

[AlexVelezLl]

Thank you @Sahil-Sinha-11! This looks good! Now it seems that we have some linting issues 😅. Could you please fix them by running yarn run lint-fix and pushing these changes, please? 👐

[Sahil-Sinha-11]

Hey @AlexVelezLl I fixed it. Sorry for the trouble. 😅

[AlexVelezLl]

Woo, thank you @Sahil-Sinha-11! 🎉 Good job! Merging!