fix(accessibility): use expand function in toggleExpanded and remove misleading hint function (#852)

Co-authored-by: panku51 <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>

Author: khushi19099

src/adapters/MeetingsJSONAdapter/controls/SwitchMicrophoneControl.js

@@ -49,7 +49,6 @@ export default class SwitchMicrophoneControl extends MeetingControl {
           noOptionsMessage: 'No available microphones',
           options: null,
           selected: null,
-          hint: 'Use arrow keys to navigate between microphone options and hit "Enter" to select.',
         });
         observer.complete();
       } else {

src/adapters/MeetingsJSONAdapter/controls/SwitchSpeakerControl.js

@@ -55,7 +55,6 @@ export default class SwitchSpeakerControl extends MeetingControl {
           noOptionsMessage: 'No available speakers',
           options: null,
           selected: null,
-          hint: 'Use arrow keys to navigate between speaker options and hit "Enter" to select.',
         });
         observer.complete();
       } else {

src/components/inputs/Dropdown/Dropdown.jsx

@@ -56,7 +56,11 @@ export default function Dropdown({
   const expand = (withKey) => setExpanded({withKey});
   const toggleExpanded = (withKey) => {
     if (!disabled) {
-      setExpanded(expanded ? undefined : {withKey});
+      if (expanded) {
+        collapse();
+      } else {
+        expand(withKey);
+      }
     }
   };