feat(payment): connect payment service flow

src/providers/root-providers.tsx

@@ -21,6 +21,7 @@ import { AuthStatusChecker } from "@/stores/auth/auth-status-checker";
 import { OAuthSessionSync } from "@/stores/auth/oauth-session-sync";
 import { ChatAuthSync } from "@/stores/chat/chat-auth-sync";
 import { ChatProvider } from "@/stores/chat/chat-context";
+import { PaymentProvider } from "@/stores/payment";
 import { SidebarProvider } from "@/stores/sidebar/sidebar-context";
 import { UserAuthSync } from "@/stores/user/user-auth-sync";
 import { UserProvider } from "@/stores/user/user-context";
@@ -39,13 +40,15 @@ export function RootProviders({ children }: RootProvidersProps) {
       <OAuthSessionSync />
       <UserProvider>
         <UserAuthSync />
-        <SidebarProvider>
-          <ChatProvider>
-            <ChatAuthSync />
-            {children}
-            <div id="toast-portal" />
-          </ChatProvider>
-        </SidebarProvider>
+        <PaymentProvider>
+          <SidebarProvider>
+            <ChatProvider>
+              <ChatAuthSync />
+              {children}
+              <div id="toast-portal" />
+            </ChatProvider>
+          </SidebarProvider>
+        </PaymentProvider>
       </UserProvider>
     </AuthProvider>
   );