feat: Implement connected user API and integrate chat and report components

- Added API routes for fetching connected users, keywords, missions, and stations.
- Created a new QueryProvider component for managing query states and socket events.
- Introduced connection stores for dispatch and pilot, managing socket connections and states.
- Updated Prisma schema for connected aircraft model.
- Enhanced UI with toast notifications for status updates and chat interactions.
- Implemented query functions for fetching connected users and keywords with error handling.

apps/dispatch/app/layout.tsx

@@ -4,6 +4,8 @@ import "./globals.css";
 import { NextAuthSessionProvider } from "./_components/AuthSessionProvider";
 import { getServerSession } from "./api/auth/[...nextauth]/auth";
 import { Toaster } from "react-hot-toast";
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import { QueryProvider } from "_components/QueryProvider";
 
 const geistSans = localFont({
 	src: "./fonts/GeistVF.woff",
@@ -45,9 +47,11 @@ export default async function RootLayout({
 					position="top-left"
 					reverseOrder={false}
 				/>
-				<NextAuthSessionProvider session={session}>
-					{children}
-				</NextAuthSessionProvider>
+				<QueryProvider>
+					<NextAuthSessionProvider session={session}>
+						{children}
+					</NextAuthSessionProvider>
+				</QueryProvider>
 			</body>
 		</html>
 	);