Updated accessibilityRole and accessibilityLevel logic for different heading level announcements

[YajurG]

Description

Changed logic to accessibilityRole and accessibilityLevel property checks so that value of heading level property is set via accessibilityLevel prop rather than defaulting to setting 'heading, level 2'.

Type of Change

• Bug fix (non-breaking change which fixes an issue)

Why

What is the motivation for this change? Add a few sentences describing the context and overall goals of the pull request's commits.

Resolves #11847

What

Removed logic from 'accessibilityRole' check that sets heading level to level 2 by default, and added check for the 'accessibilityLevel' prop to set level based on prop value.

Screenshots

N/A

Testing

Tested on playground with a basic <Text> component as a header and checked Narrator announcement.

Component tested on:

<View
  accessible={true} accessibilityLevel={4}>
  <Text accessibilityRole='header' accessibilityLevel={1}>This is text</Text>
</View>

Microsoft Reviewers: codeflow:open?pullrequest=#11885