fix(a11y): announce skin tone menu state in emoji picker

Screen readers couldn’t tell whether the emoji picker’s “Choose default skin tone” toggle was collapsed or expanded, so aria-expanded never changed and there was no spoken feedback. I added state-aware labeling inside Picker.tsx, wiring aria-expanded and the button’s aria-label to reflect the open/closed state and to fall back gracefully if localized strings are missing. To keep the experience consistent in every language, I expanded each locale’s a11y section with translations of “collapsed” and “expanded,” so the new label stays localized across the board.

Author: kmaraz

packages/emoji-mart-data/i18n/ar.json

@@ -27,5 +27,9 @@
     "4": "متوسط",
     "5": "داكن متوسط",
     "6": "داكن"
+  },
+  "a11y": {
+    "skin_tone_menu_collapsed": "مطوي",
+    "skin_tone_menu_expanded": "موسع"
   }
 }

packages/emoji-mart-data/i18n/be.json

@@ -25,5 +25,9 @@
     "4": "Сярэдні",
     "5": "Сярэдне-цёмны",
     "6": "Цёмны"
+  },
+  "a11y": {
+    "skin_tone_menu_collapsed": "згорнута",
+    "skin_tone_menu_expanded": "разгорнута"
   }
 }

packages/emoji-mart-data/i18n/cs.json

@@ -27,6 +27,8 @@
     "6": "Tmavý"
   },
   "a11y": {
-    "available_emojis": "Dostupné emoji"
+    "available_emojis": "Dostupné emoji",
+    "skin_tone_menu_collapsed": "sbalené",
+    "skin_tone_menu_expanded": "rozbalené"
   }
 }

packages/emoji-mart-data/i18n/de.json

@@ -27,6 +27,8 @@
     "6": "Dunkel"
   },
   "a11y": {
-    "available_emojis": "Verfügbare Emojis"
+    "available_emojis": "Verfügbare Emojis",
+    "skin_tone_menu_collapsed": "eingeklappt",
+    "skin_tone_menu_expanded": "ausgeklappt"
   }
 }

packages/emoji-mart-data/i18n/en.json

@@ -30,6 +30,8 @@
     "available_emojis": "Available emojis",
     "emojis_found_plural": "emojis found",
     "emoji_found_singular": "emoji found",
-    "search_input_aria_label": "Search emojis"
+    "search_input_aria_label": "Search emojis",
+    "skin_tone_menu_collapsed": "collapsed",
+    "skin_tone_menu_expanded": "expanded"
   }
 }

packages/emoji-mart-data/i18n/es.json

@@ -25,5 +25,9 @@
     "4": "Medio",
     "5": "Medio-Oscuro",
     "6": "Oscuro"
+  },
+  "a11y": {
+    "skin_tone_menu_collapsed": "contraído",
+    "skin_tone_menu_expanded": "expandido"
   }
 }

packages/emoji-mart-data/i18n/fa.json

@@ -27,5 +27,9 @@
     "4": "میانه",
     "5": "میانه-تاریک",
     "6": "تاریک"
+  },
+  "a11y": {
+    "skin_tone_menu_collapsed": "جمع‌شده",
+    "skin_tone_menu_expanded": "گسترده"
   }
 }

packages/emoji-mart-data/i18n/fi.json

@@ -25,5 +25,9 @@
     "4": "Keskimmäinen",
     "5": "Keskitumma",
     "6": "Tumma"
+  },
+  "a11y": {
+    "skin_tone_menu_collapsed": "pienennetty",
+    "skin_tone_menu_expanded": "laajennettu"
   }
 }

packages/emoji-mart-data/i18n/fr.json

@@ -25,5 +25,9 @@
     "4": "Moyen",
     "5": "Moyen-foncé",
     "6": "Foncé"
+  },
+  "a11y": {
+    "skin_tone_menu_collapsed": "réduit",
+    "skin_tone_menu_expanded": "développé"
   }
 }

packages/emoji-mart-data/i18n/hi.json

@@ -25,5 +25,9 @@
     "4": "मध्यम",
     "5": "मध्यम-गहरा",
     "6": "गहरा"
+  },
+  "a11y": {
+    "skin_tone_menu_collapsed": "संक्षिप्त",
+    "skin_tone_menu_expanded": "विस्तृत"
   }
 }