fix(ui-components): implement hrefLang in language selector for better a11y

Author: ShubhamOulkar

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

@@ -35,10 +35,11 @@ const LanguageDropdown: FC<LanguageDropDownProps> = ({
           sideOffset={5}
         >
           <div>
-            {availableLanguages.map(({ name, code, localName }) => (
+            {availableLanguages.map(({ name, code, localName, hrefLang }) => (
               <DropdownMenu.Item
                 key={code}
-                onClick={() => onChange({ name, code, localName })}
+                lang={hrefLang}
+                onClick={() => onChange({ name, code, localName, hrefLang })}
                 className={classNames(styles.dropDownItem, {
                   [styles.currentDropDown]: code === currentLanguage,
                 })}

packages/ui-components/src/types.ts

@@ -22,4 +22,5 @@ export type SimpleLocaleConfig = {
   code: string;
   localName: string;
   name: string;
+  hrefLang: string;
 };