refactor: scope providers by route and use XState selectors

src/app/chat/layout.tsx

@@ -0,0 +1,7 @@
+import type { ReactNode } from "react";
+
+import { ChatRouteProviders } from "@/providers/chat-route-providers";
+
+export default function ChatLayout({ children }: { children: ReactNode }) {
+  return <ChatRouteProviders>{children}</ChatRouteProviders>;
+}