fixed a blunder error

Author: yours7himanshu

admin/src/main.jsx

@@ -21,15 +21,17 @@ import { createRoot } from "react-dom/client";
 import "./index.css";
 import App from "./App.jsx";
 import { BrowserRouter } from "react-router-dom";
-
+import { SocketProvider } from "./providers/Socket.jsx"
 import AuthContextProvider from "./context/AuthContext.jsx"
 createRoot(document.getElementById("root")).render(
   <StrictMode>
 
     <BrowserRouter>
-      <AuthContextProvider>
-        <App />
-      </AuthContextProvider>
+      <SocketProvider>
+        <AuthContextProvider>
+          <App />
+        </AuthContextProvider>
+      </SocketProvider>
     </BrowserRouter>
 
   </StrictMode>

admin/src/providers/Socket.jsx

@@ -27,7 +27,9 @@ export const useSocket = ()=>{
 
 export const SocketProvider = (props)=>{
     const socket = useMemo(
-        ()=> io(import.meta.env.VITE_BACKEND_URL),[]
+        ()=> io(import.meta.env.VITE_BACKEND_URL, {
+            withCredentials: true,
+        }), []
     )
 
     return (
@@ -36,4 +38,3 @@ export const SocketProvider = (props)=>{
         </SocketContext.Provider>
       )
 };
-

admin/src/shared/Message.jsx

@@ -17,13 +17,14 @@ limitations under the License.
 
 
 import React, { useState, useEffect, useRef } from "react";
-import socket from "../socket";
+import { useSocket } from "../providers/Socket";
 import SendIcon from "@mui/icons-material/Send";
 import { TextField, IconButton, Paper, Typography, Divider } from "@mui/material";
 import { div } from "@tensorflow/tfjs";
 import {MessageSquare} from "lucide-react";
 
 const Message = () => {
+  const { socket } = useSocket();
   const [messages, setMessages] = useState([]);
   const [inputMessage, setInputMessage] = useState("");
   const [error, setError] = useState("");