feat(auth): implement email verification flow UI with token handling and resend option

src/features/auth/authSlice.js

@@ -1,4 +1,5 @@
 import { createSlice } from '@reduxjs/toolkit';
+import { registerUser, loginUser, logoutUser, verifyEmail, resendEmailVerification, forgotPassword } from './authThunks';
 
 const initialState = {
     user: null,
@@ -34,6 +35,84 @@ const authSlice = createSlice({
             state.isLoading = false;
         },
     },
+    extraReducers: (builder) => {
+        builder
+            .addCase(registerUser.pending, (state) => {
+                state.isLoading = true;
+                state.error = null;
+            })
+            .addCase(registerUser.fulfilled, (state) => {
+                state.isLoading = false;
+            })
+            .addCase(registerUser.rejected, (state, action) => {
+                state.isLoading = false;
+                state.error = action.payload;
+            })
+            .addCase(loginUser.pending, (state) => {
+                state.isLoading = true;
+                state.error = null;
+            })
+            .addCase(loginUser.fulfilled, (state, action) => {
+                state.isLoading = false;
+                state.user = action.payload.user;
+                state.token = action.payload.token;
+                state.isAuthenticated = true;
+                state.error = null;
+            })
+            .addCase(loginUser.rejected, (state, action) => {
+                state.isLoading = false;
+                state.error = action.payload;
+            })
+            .addCase(logoutUser.pending, (state) => {
+                state.isLoading = true;
+            })
+            .addCase(logoutUser.fulfilled, (state) => {
+                state.user = null;
+                state.token = null;
+                state.isAuthenticated = false;
+                state.isLoading = false;
+                state.error = null;
+            })
+            .addCase(logoutUser.rejected, (state, action) => {
+                state.isLoading = false;
+                state.error = action.payload;
+            })
+            .addCase(verifyEmail.pending, (state) => {
+                state.isLoading = true;
+                state.error = null;
+            })
+            .addCase(verifyEmail.fulfilled, (state) => {
+                state.isLoading = false;
+                state.error = null;
+            })
+            .addCase(verifyEmail.rejected, (state, action) => {
+                state.isLoading = false;
+                state.error = action.payload;
+            })
+            .addCase(resendEmailVerification.pending, (state) => {
+                state.isLoading = true;
+                state.error = null;
+            })
+            .addCase(resendEmailVerification.fulfilled, (state) => {
+                state.isLoading = false;
+                state.error = null;
+            })
+            .addCase(resendEmailVerification.rejected, (state, action) => {
+                state.isLoading = false;
+                state.error = action.payload;
+            })
+            .addCase(forgotPassword.pending, (state) => {
+                state.isLoading = true;
+                state.error = null;
+            })
+            .addCase(forgotPassword.fulfilled, (state) => {
+                state.isLoading = false;
+            })
+            .addCase(forgotPassword.rejected, (state, action) => {
+                state.isLoading = false;
+                state.error = action.payload;
+            });
+    },
 });
 
 export const { setCredentials, clearCredentials, setAuthLoading, setAuthError } = authSlice.actions;

src/features/auth/authThunks.ts

@@ -80,6 +80,20 @@ export const verifyEmail = createAsyncThunk<any, string, { rejectValue: RejectVa
     }
 );
 
+export const resendEmailVerification = createAsyncThunk<any, string, { rejectValue: RejectValue }>(
+    'auth/resendEmailVerification',
+    async (email, { rejectWithValue }) => {
+        try {
+            const response = await api.post('/auth/resend-verification', { email });
+            toastSuccess('Verification email sent');
+            return response.data;
+        } catch (err: any) {
+            toastError(err);
+            return rejectWithValue(err.response?.data || err.message);
+        }
+    }
+);
+
 export const forgotPassword = createAsyncThunk<any, string, { rejectValue: RejectValue }>(
     'auth/forgotPassword',
     async (email) => {