refactor(i18n): Improve context value handling in I18nProvider

apps/infoalloggi/src/providers/I18nProvider.tsx

@@ -11,33 +11,36 @@ import type { LangDict, Locales } from "~/i18n/locales";
 
 type I18nContextType = {
 	locale: Locales;
+	t: LangDict;
 };
 
 const I18nContext = createContext<I18nContextType>({
 	locale: "it",
+	t: it,
 });
 
 export const I18nProvider: FC<{
 	children: ReactNode;
 	locale: string | undefined;
 }> = ({ children, locale }) => {
+	const contextValue = useMemo(() => {
+		const validatedLocale = validateLocale(locale);
+		return {
+			locale: validatedLocale,
+			t: validatedLocale === "en" ? en : it,
+		};
+	}, [locale]);
 	return (
-		<I18nContext.Provider value={{ locale: validateLocale(locale) }}>
+		<I18nContext.Provider value={contextValue}>{children}</I18nContext.Provider>
-			{children}
-		</I18nContext.Provider>
 	);
 };
 
 export const useTranslation = () => {
-	const { locale } = useContext(I18nContext);
+	const value = useContext(I18nContext);
-	return useMemo(() => {
+	if (!value) {
-		return (
+		throw new Error("useTranslation must be used within a I18nProvider");
-			locale === "en" ? { locale: "en", t: en } : { locale: "it", t: it }
+	}
-		) as {
+	return value;
-			locale: Locales;
-			t: LangDict;
-		};
-	}, [locale]);
 };
 const validateLocale = (locale: string | undefined): Locales => {
 	if (locale === "en") return "en";