chore: t function removed from context and i18n config moved to a seperated file

src/contexts/LangaugeContext.ts

@@ -4,12 +4,10 @@ import { createContext } from 'react';
 export interface LangaugeContextModel {
   language: Language;
   changeLanguage: (langauge: Language) => void;
-  t: (key: string) => string;
 }
 
 // The context is used by the LangaugeProvider
 export const LangaugeContext = createContext<LangaugeContextModel>({
   language: 'fa',
   changeLanguage: () => {},
-  t: () => '',
 });

src/main.tsx

@@ -1,7 +1,7 @@
 import { StrictMode } from 'react';
 import { createRoot } from 'react-dom/client';
 import './index.css';
-import './i18n';
+import './lib/i18n';
 import App from './App';
 import { LanguageProvider } from './providers/LanguageProvider';
 

src/providers/LanguageProvider.tsx

@@ -1,7 +1,6 @@
 import type { Language } from '@/types/language';
 import { changeLanguage } from 'i18next';
 import { useLayoutEffect, type JSX, type PropsWithChildren } from 'react';
-import { useTranslation } from 'react-i18next';
 import { useLocalStorage } from '@/hooks/useLocalStorage';
 import { LangaugeContext } from '@/contexts/LangaugeContext';
 
@@ -10,7 +9,6 @@ export const LanguageProvider = (props: PropsWithChildren): JSX.Element => {
     'language',
     'fa',
   );
-  const { t } = useTranslation();
 
   useLayoutEffect(() => {
     changeLanguage(currentLanguage);
@@ -23,7 +21,6 @@ export const LanguageProvider = (props: PropsWithChildren): JSX.Element => {
       value={{
         language: currentLanguage,
         changeLanguage: setCurrentLangauge,
-        t: t,
       }}
     >
       {props.children}