fix: fix context API issue

-wrap the entire app with context provider component
-pass the context with the provider value

client/src/context/AuthContext.js

@@ -17,8 +17,8 @@ export const AuthContextProvider = ({ children }) => {
   }, [state.currentUser]);
 
   return (
-    <AuthContextProvider value={{ currentUser: state.currentUser, dispatch }}>
+    <AuthContext.Provider value={{ currentUser: state.currentUser, dispatch }}>
       {children}
-    </AuthContextProvider>
+    </AuthContext.Provider>
   );
 };

client/src/index.js

@@ -4,13 +4,16 @@ import "./index.css";
 import App from "./App";
 import reportWebVitals from "./reportWebVitals";
 import { BrowserRouter } from "react-router-dom";
+import { AuthContextProvider } from "./context/AuthContext";
 
 const root = ReactDOM.createRoot(document.getElementById("root"));
 root.render(
   <React.StrictMode>
-    <BrowserRouter>
-      <App />
-    </BrowserRouter>
+    <AuthContextProvider>
+      <BrowserRouter>
+        <App />
+      </BrowserRouter>
+    </AuthContextProvider>
   </React.StrictMode>
 );