fix AuthContext and sepaprate context

Author: CodeByAshuu

client/src/context/AuthContext.jsx

@@ -1,7 +1,7 @@
-import React, { createContext, useState, useEffect } from 'react';
+import React, { useState, useEffect } from 'react';
 import { getProfile } from '../api/auth';
+import { AuthContext } from './useAuth';
 
-export const AuthContext = createContext();
 
 export const AuthProvider = ({ children }) => {
   const [user, setUser] = useState(null);

client/src/context/useAuth.js

@@ -1,8 +1,9 @@
-import { useContext } from 'react';
-import { AuthContext } from './AuthContext';
+import { useContext, createContext } from 'react';
+
+// The context instance lives here (a plain .js file) so AuthContext.jsx can
+// export only the AuthProvider component, satisfying react-refresh/only-export-components.
+export const AuthContext = createContext();
 
-// Separated from AuthContext.jsx so that file only exports a component
-// (AuthProvider), satisfying the react-refresh/only-export-components rule.
 export const useAuth = () => {
   const context = useContext(AuthContext);
   if (!context) {