wrapped body with sockerprovider

Signed-off-by: heyhiru <hirentimbadiya74@gmail.com>

client/src/pages/_app.js

@@ -1,5 +1,9 @@
+import SocketProvider from '@/context/SocketProvider'
 import '@/styles/globals.css'
 
 export default function App({ Component, pageProps }) {
-  return <Component {...pageProps} />
+  return (
+    <SocketProvider>
+      <Component {...pageProps} />
+    </SocketProvider>)
 }

client/src/pages/index.js

@@ -3,8 +3,6 @@ import SocketProvider from '@/context/SocketProvider';
 
 export default function Home() {
   return (
-    <SocketProvider>
-      <LobbyScreen />
-    </SocketProvider>
+    <LobbyScreen />
   )
 }