lazy load socket connection

src/app/layout.tsx

@@ -1,10 +1,5 @@
 import type { Metadata } from 'next';
 import './globals.css';
-import { QueryProvider } from '@/components/providers/QueryProvider';
-import { WebSocketProvider } from '@/lib/websocket/context';
-import { SteamCMDProvider } from '@/lib/context/SteamCMDContext';
-import { ServerCreationPopupProvider } from '@/lib/context/ServerCreationPopupContext';
-import { ServerCreationPopupContainer } from '@/components/server/ServerCreationPopupContainer';
 
 export const metadata: Metadata = {
 	title: 'ACC Server Manager',
@@ -18,20 +13,7 @@ export default function RootLayout({
 }>) {
 	return (
 		<html lang="en">
-			<body className="bg-gray-900 text-white antialiased">
-				<QueryProvider>
-					<WebSocketProvider
-						websocketURL={process.env.NEXT_PUBLIC_WEBSOCKET_URL || 'ws://localhost:3000/ws'}
-					>
-						<SteamCMDProvider>
-							<ServerCreationPopupProvider>
-								{children}
-								<ServerCreationPopupContainer />
-							</ServerCreationPopupProvider>
-						</SteamCMDProvider>
-					</WebSocketProvider>
-				</QueryProvider>
-			</body>
+			<body className="bg-gray-900 text-white antialiased">{children}</body>
 		</html>
 	);
 }