fix(ui-components): refine language dropdown a11y for cross-browser consistency

Author: ShubhamOulkar

packages/ui-components/src/Common/LanguageDropDown/index.tsx

@@ -38,13 +38,15 @@ const LanguageDropdown: FC<LanguageDropDownProps> = ({
             {availableLanguages.map(({ name, code, localName, hrefLang }) => (
               <DropdownMenu.Item
                 key={code}
-                lang={hrefLang}
+                aria-label={name}
                 onClick={() => onChange({ name, code, localName, hrefLang })}
                 className={classNames(styles.dropDownItem, {
                   [styles.currentDropDown]: code === currentLanguage,
                 })}
               >
-                {localName}
+                <span lang={hrefLang} aria-hidden="true">
+                  {localName}
+                </span>
               </DropdownMenu.Item>
             ))}
           </div>