Merge pull request #3932 from Blargian/fix_homepage_language_picker

fix mobile language picker bug on `/docs`

Author: Blargian

src/components/MobileSideBarMenu/MobileLanguagePicker.jsx

@@ -86,14 +86,29 @@ const MobileLanguagePicker = ({ onLanguageChange }) => {
     };
 
     // Handle language selection
-    const handleLanguageSelect = (locale, href) => {
+    const handleLanguageSelect = async (locale, href) => {
         setIsOpen(false);
 
         // Notify parent component about language change if callback provided
         if (onLanguageChange) {
             onLanguageChange(locale, href);
-        } else {
-            // Fallback navigation if no callback
+        }
+
+        // Try client-side navigation first
+        try {
+            // Use history.push for client-side navigation
+            const { history } = await import('@docusaurus/router');
+            history.push(href);
+
+            // Force a small delay to allow React to update, then trigger a re-render
+            setTimeout(() => {
+                // Force re-render by updating a state or triggering a window event
+                window.dispatchEvent(new Event('languageChanged'));
+            }, 100);
+
+        } catch (error) {
+            // Fallback to full page reload if client-side navigation fails
+            console.warn('Client-side navigation failed, falling back to full reload:', error);
             window.location.href = href;
         }
     };
@@ -144,9 +159,9 @@ const MobileLanguagePicker = ({ onLanguageChange }) => {
                             // Handle docs root paths specifically
                             if (currentPath === '/docs' || currentPath === '/docs/') {
                                 if (locale === i18n.defaultLocale || locale === 'en') {
-                                    href = '/docs/';
+                                    href = '/docs';
                                 } else {
-                                    href = `/docs/${locale}/`;
+                                    href = `/docs/${locale}`;
                                 }
                             } else {
                                 // Remove existing locale from docs path if present