fix language switch for http protocol

src/app/components/LanguageSwitcher.tsx

@@ -7,15 +7,41 @@ import { useState, useRef, useEffect } from 'react'
 import { useClickOutside } from '@/app/hooks/useClickOutside';
 
 export default function LanguageSwitcher() {
-	const locale = useLocale()
+	const locale = useLocale();
-	const router = useRouter()
+	const router = useRouter();
-	const pathname = usePathname()
+	const pathname = usePathname();
-	const [isOpen, setIsOpen] = useState(false)
+	const [isOpen, setIsOpen] = useState(false);
-	const dropdownRef = useRef<HTMLDivElement>(null)
+	const dropdownRef = useRef<HTMLDivElement>(null);
 
 	const switchLanguage = (newLocale: string) => {
+		const currentLang = document.documentElement.getAttribute('lang') || 'ru';
+		router.replace(pathname, { locale: newLocale });
+		setIsOpen(false);
+
+		const observer = new MutationObserver((mutations) => {
+			const newLang = document.documentElement.getAttribute('lang')
+
+			if (newLang && newLang !== currentLang) {
+				observer.disconnect();
+
+				if (window.location.protocol === 'http:' && process.env.NODE_ENV !== 'development') {
+					setTimeout(() => window.location.reload(), 100)
+				}
+			}
+		})
+
+		if (window.location.protocol === 'http:' && process.env.NODE_ENV !== 'development') {
+			observer.observe(document.documentElement, {
+				attributes: true,
+				attributeFilter: ['lang', 'dir']
+			})
+		}
+
 		router.replace(pathname, { locale: newLocale })
-		setIsOpen(false)
+
+		setTimeout(() => {
+			observer.disconnect();
+		}, 3000)
 	}
 
 	useClickOutside(dropdownRef, () => {