Fix language selector not persisting choice before navigation

Switching to English was redirecting back to the previously saved
language because LanguageSelector never called changeLocale() —
so localStorage still held the old language when EnglishLayout mounted.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Author: ChengaDev

src/components/LanguageSelector.tsx

@@ -7,7 +7,7 @@ import { useLocalization } from '../contexts/Language/LanguageProvider'
 const LanguageSelector = () => {
   const navigate = useNavigate()
   const location = useLocation()
-  const { languageCode } = useLocalization()
+  const { languageCode, changeLocale } = useLocalization()
 
   const handleLanguageChange = (newLang: string) => {
     // Use languageCode from context (always correct) rather than useParams,
@@ -16,6 +16,10 @@ const LanguageSelector = () => {
       ? location.pathname
       : (location.pathname.slice(`/${languageCode}`.length) || '/')
 
+    // Update localStorage BEFORE navigating so EnglishLayout's useEffect
+    // reads the correct language and doesn't redirect back.
+    changeLocale(newLang)
+
     if (newLang === 'en') {
       navigate(pagePath)
     } else {