fix: lang selector keyboard accessibility

src/components/CommonComponents/Dropdown/index.tsx

@@ -24,12 +24,18 @@ const Dropdown = <T extends HTMLElement>({
       fontWeight: (item.active ? 'bold' : 'normal') as 'bold' | 'normal',
     };
 
+    const handleKeyPress = (e: React.KeyboardEvent<HTMLButtonElement>) => {
+      if (e.key === 'Enter' || e.key === ' ') {
+        item.onClick();
+      }
+    };
+
     return (
       <li key={`dropdown-item-${item.label}`}>
         <button
           style={extraStyles}
           onClick={item.onClick}
-          onKeyDown={item.onClick}
+          onKeyDown={handleKeyPress}
           type="button"
         >
           {item.title}

src/components/CommonComponents/LanguageSelector/__tests__/__snapshots__/LanguageSelector.test.tsx.snap

@@ -3,6 +3,7 @@
 exports[`LanguageSelector component renders correctly 1`] = `
 <div>
   <button
+    aria-expanded="false"
     class="languageSwitch"
     type="button"
   >

src/components/CommonComponents/LanguageSelector/index.tsx

@@ -21,6 +21,7 @@ const LanguageSelector = () => {
         className={styles.languageSwitch}
         ref={languageButtonRef}
         onClick={() => showDropdown(!visible)}
+        aria-expanded={visible}
       >
         <span className="sr-only">Switch Language</span>
         <TranslateIcon />

src/layouts/__tests__/__snapshots__/index.test.tsx.snap

@@ -158,6 +158,7 @@ exports[`Layout component renders correctly with data 1`] = `
             </li>
             <li>
               <button
+                aria-expanded="false"
                 class="languageSwitch"
                 type="button"
               >

src/layouts/__tests__/__snapshots__/page.test.tsx.snap

@@ -158,6 +158,7 @@ exports[`PageLayout component renders correctly with data 1`] = `
             </li>
             <li>
               <button
+                aria-expanded="false"
                 class="languageSwitch"
                 type="button"
               >

src/pages/about/__tests__/__snapshots__/resources.test.tsx.snap

@@ -158,6 +158,7 @@ exports[`Resources page renders correctly 1`] = `
             </li>
             <li>
               <button
+                aria-expanded="false"
                 class="languageSwitch"
                 type="button"
               >

src/pages/download/__tests__/__snapshots__/index.test.tsx.snap

@@ -158,6 +158,7 @@ exports[`Download page renders correctly 1`] = `
             </li>
             <li>
               <button
+                aria-expanded="false"
                 class="languageSwitch"
                 type="button"
               >
@@ -1144,6 +1145,7 @@ exports[`Download page should handle LTS to Current switch 1`] = `
             </li>
             <li>
               <button
+                aria-expanded="false"
                 class="languageSwitch"
                 type="button"
               >

src/pages/download/__tests__/__snapshots__/package-manager.test.tsx.snap

@@ -158,6 +158,7 @@ exports[`Package Manager Page renders correctly 1`] = `
             </li>
             <li>
               <button
+                aria-expanded="false"
                 class="languageSwitch"
                 type="button"
               >

src/sections/Header/__tests__/__snapshots__/index.test.tsx.snap

@@ -155,6 +155,7 @@ exports[`Tests for Header component Theme color switcher skips rendering in case
           </li>
           <li>
             <button
+              aria-expanded="false"
               class="languageSwitch"
               type="button"
             >
@@ -389,6 +390,7 @@ exports[`Tests for Header component renders correctly 1`] = `
           </li>
           <li>
             <button
+              aria-expanded="false"
               class="languageSwitch"
               type="button"
             >
@@ -623,6 +625,7 @@ exports[`Tests for Header component renders shorter menu items for mobile 1`] =
           </li>
           <li>
             <button
+              aria-expanded="false"
               class="languageSwitch"
               type="button"
             >

src/templates/__tests__/__snapshots__/learn.test.tsx.snap

@@ -158,6 +158,7 @@ exports[`Learn Template renders correctly 1`] = `
             </li>
             <li>
               <button
+                aria-expanded="false"
                 class="languageSwitch"
                 type="button"
               >

src/templates/__tests__/__snapshots__/post.test.tsx.snap

@@ -158,6 +158,7 @@ exports[`LearnLayout Template renders correctly 1`] = `
             </li>
             <li>
               <button
+                aria-expanded="false"
                 class="languageSwitch"
                 type="button"
               >