Fix: handle language-region extraction and add navigator.languages to…

… locale detection priority

src/i18n.js

@@ -5,6 +5,19 @@ import { initReactI18next } from 'react-i18next';
 import enTranslation from './locales/en.json';
 import elTranslation from './locales/el.json';
 
+// Helper function to get only the language part and check if it exists
+const getLanguage = (locale) => {
+	const language = locale.includes('-') ? locale.split('-')[0] : locale;
+	return language;
+};
+
+// Get the preferred language
+const preferredLanguage =
+	localStorage.getItem('locale') || // Check localStorage first
+	getLanguage(navigator.language) || // Check navigator.language next
+	getLanguage(navigator.languages ? navigator.languages[0] : null) || // Check navigator.languages[0] last
+	null;
+
 i18n
 	.use(initReactI18next)
 	.init({
@@ -13,7 +26,7 @@ i18n
 			el: { translation: elTranslation },
 		},
 		fallbackLng: 'en',
-		lng: localStorage.getItem('locale') || navigator.language,
+		lng: preferredLanguage,
 		interpolation: {
 			escapeValue: false,
 		},