Front: State Management: Add language Slice

front/state/LanguageSlice.ts

@@ -0,0 +1,20 @@
+import { createSlice } from "@reduxjs/toolkit";
+import { DefaultLanguage } from "../i18n/i18n";
+
+
+export const languageSlice = createSlice({
+	name: 'language',
+	initialState: {
+		value: DefaultLanguage
+	},
+	reducers: {
+		useLanguage: (state, action) => {
+			state.value = action.payload;
+		},
+		resetLanguage: (state) => {
+			state.value = DefaultLanguage;
+		},
+	},
+});
+export const { useLanguage, resetLanguage } = languageSlice.actions;
+export default languageSlice.reducer;

front/state/Store.ts

@@ -1,8 +1,10 @@
 import userReducer from '../state/UserSlice';
 import { configureStore } from '@reduxjs/toolkit';
+import languageReducer from './LanguageSlice';
 
 export default configureStore({
 	reducer: {
 		user: userReducer,
+		language: languageReducer
 	},
 })

front/state/UserSlice.ts

@@ -15,4 +15,4 @@ export const userSlice = createSlice({
   },
 });
 export const { setUserToken, unsetUserToken } = userSlice.actions;
-export default userSlice.reducer
+export default userSlice.reducer;