chore: migrate to reducer pattern instead of useState

client/src/reducers/chatReducers.ts

@@ -0,0 +1,28 @@
+import { ChatAction, ChatState } from "../contexts/ChatContext";
+
+export function chatReducer(state: ChatState, action: ChatAction): ChatState {
+  switch (action.type) {
+    case "ADD_MESSAGE":
+      return {
+        ...state,
+        messages: [...state.messages, action.payload],
+      };
+    case "SET_USER":
+      return {
+        ...state,
+        currentUser: action.payload,
+      };
+    case "SET_CONNECTED":
+      return {
+        ...state,
+        isConnected: action.payload,
+      };
+    case "CLEAR_MESSAGES":
+      return {
+        ...state,
+        messages: [],
+      };
+    default:
+      return state;
+  }
+}