fix(ADA-1062): Change role on Advanced captions settings (#897)

### Description of the Changes

**Issue:**
The "Advanced captions settings on captions menu has
role="menuitemradio" but the option cannot be checked.

**Fix:**
Change role to "menuitem" so that the SR will not announce the option as
a checked/not checked option.

#### Resolves [ADA-1062](https://kaltura.atlassian.net/browse/ADA-1062)




[ADA-1062]:
https://kaltura.atlassian.net/browse/ADA-1062?atlOrigin=eyJpIjoiNWRkNTljNzYxNjVmNDY3MDlhMDU5Y2ZhYzA5YTRkZjUiLCJwIjoiZ2l0aHViLWNvbS1KU1cifQ

Author: tanasediana

src/components/captions-menu/captions-menu.tsx

@@ -85,7 +85,7 @@ class CaptionsMenu extends Component<any, any> {
       .sort((a, b) => (a.label > b.label || a.label === 'Off' ? 1 : -1));
 
     if (props.showAdvancedCaptionsMenu) {
-      textOptions.push({label: props.advancedCaptionsSettingsText, value: props.advancedCaptionsSettingsText, active: false});
+      textOptions.push({label: props.advancedCaptionsSettingsText, value: props.advancedCaptionsSettingsText, active: false, isAdvanced: true});
     }
 
     if (this.props.asDropdown) {

src/components/menu/menu.tsx

@@ -198,6 +198,8 @@ class Menu extends Component<MenuProps & WithEventManagerProps, any> {
    */
   render(props: any): VNode<any> {
     props.clearAccessibleChildren();
+    const menuItemRole = "menuitem";
+    const menuItemRadioRole = "menuitemradio";
     return props.isMobile || props.isSmallSize ? (
       this.renderNativeSelect(props.labelledby)
     ) : (
@@ -217,6 +219,7 @@ class Menu extends Component<MenuProps & WithEventManagerProps, any> {
             }}
             key={index}
             data={o}
+            role={o?.isAdvanced ? menuItemRole : menuItemRadioRole}
           />
         ))}
       </div>
@@ -273,7 +276,7 @@ class MenuItem extends Component<any, any> {
       props.data.badgeType && !props.isSelected(props.data) ? BadgeType[props.data.badgeType] : BadgeType[props.data.badgeType + 'Active'];
     return (
       <div
-        role="menuitemradio"
+        role={props?.role}
         tabIndex={-1}
         aria-checked={props.isSelected(props.data) ? 'true' : 'false'}
         ref={element => {