fixup! 🐛(frontend) fix emoji image extension pPng to png

src/frontend/src/features/rooms/livekit/components/controls/ReactionsToggle.tsx

@@ -12,6 +12,8 @@ import {
 } from '@/features/rooms/livekit/components/ReactionPortal'
 import { getEmojiLabel } from '@/features/rooms/livekit/utils/reactionUtils'
 import { useRegisterKeyboardShortcut } from '@/features/shortcuts/useRegisterKeyboardShortcut'
+import { formatShortcutLabel } from '@/features/shortcuts/formatLabels'
+import { getShortcutDescriptorById } from '@/features/shortcuts/catalog'
 import { Popover as RACPopover, Toolbar } from 'react-aria-components'
 import { FocusScope } from '@react-aria/focus'
 import { Participant } from 'livekit-client'
@@ -133,6 +135,12 @@ export const ReactionsToggle = () => {
     windowMs: 1000,
   })
 
+  const reactionShortcut = getShortcutDescriptorById('reaction')?.shortcut
+  const tooltipWithShortcut = t('tooltip', {
+    shortcut: formatShortcutLabel(reactionShortcut),
+  })
+  
+
   return (
     <>
       <div className={css({ position: 'relative' })}>
@@ -142,15 +150,19 @@ export const ReactionsToggle = () => {
           square
           variant="primaryDark"
           aria-label={t('button')}
-          tooltip={t('button')}
-          isSelected={isOpen}
-          onChange={setIsOpen}
+          aria-describedby="reactions-help"
+          aria-keyshortcuts="Control+Shift+E"
           aria-expanded={isOpen}
           aria-controls="reactions-toolbar"
-          aria-keyshortcuts="Control+Shift+E"
+          tooltip={tooltipWithShortcut}
+          isSelected={isOpen}
+          onChange={setIsOpen}
         >
           <RiEmotionLine />
         </ToggleButton>
+        <span id="reactions-help" className="sr-only">
+          {t('help')}
+        </span>
         <RACPopover
           triggerRef={triggerRef}
           isOpen={isOpen}

src/frontend/src/locales/de/rooms.json

@@ -211,6 +211,8 @@
     "moreOptions": "Weitere Optionen",
     "reactions": {
       "button": "Reaktion senden",
+      "tooltip": "Reaktion senden ({{shortcut}})",
+      "help": "Pfeiltasten links und rechts zum Auswählen einer Reaktion. Escape zum Schließen. Strg+Umschalt+E zum Öffnen oder Zurückkehren zur Reaktionsleiste.",
       "send": "Reaktion {{emoji}} senden",
       "announce": "{{name}} : {{emoji}}",
       "you": "Sie",

src/frontend/src/locales/en/rooms.json

@@ -211,6 +211,8 @@
     "moreOptions": "More options",
     "reactions": {
       "button": "Send reaction",
+      "tooltip": "Send a reaction ({{shortcut}})",
+      "help": "Use Left and Right arrow keys to choose a reaction. Press Escape to close. Press Control+Shift+E to open or return to the reactions bar.",
       "send": "Send reaction {{emoji}}",
       "announce": "{{name}} : {{emoji}}",
       "you": "you",

src/frontend/src/locales/fr/rooms.json

@@ -211,6 +211,8 @@
     "moreOptions": "Plus d'options",
     "reactions": {
       "button": "Envoyer une réaction",
+      "tooltip": "Envoyer une réaction ({{shortcut}})",
+      "help": "Flèches gauche/droite pour choisir une réaction. Échap pour fermer.",
       "send": "Envoyer la réaction {{emoji}}",
       "announce": "{{name}} : {{emoji}}",
       "you": "vous",

src/frontend/src/locales/nl/rooms.json

@@ -211,6 +211,8 @@
     "moreOptions": "Meer opties",
     "reactions": {
       "button": "Stuur reactie",
+      "tooltip": "Stuur een reactie ({{shortcut}})",
+      "help": "Gebruik de pijltjestoetsen links en rechts om een reactie te kiezen. Druk op Escape om te sluiten. Druk op Control+Shift+E om te openen of terug te keren naar de reactiebalk.",
       "send": "Stuur reactie {{emoji}}",
       "announce": "{{name}} : {{emoji}}",
       "you": "U",