refactor(app): move QueryProvider to AppInterface (#23484)

packages/app/src/app.tsx

@@ -141,13 +141,11 @@ export function AppBaseProviders(props: ParentProps<{ locale?: Locale }>) {
         <LanguageProvider locale={props.locale}>
           <UiI18nBridge>
             <ErrorBoundary fallback={(error) => <ErrorPage error={error} />}>
-              <QueryProvider>
               <DialogProvider>
                 <MarkedProvider>
                   <FileComponentProvider component={File}>{props.children}</FileComponentProvider>
                 </MarkedProvider>
               </DialogProvider>
-              </QueryProvider>
             </ErrorBoundary>
           </UiI18nBridge>
         </LanguageProvider>
@@ -293,6 +291,7 @@ export function AppInterface(props: {
     >
       <ConnectionGate disableHealthCheck={props.disableHealthCheck}>
         <ServerKey>
+          <QueryProvider>
             <GlobalSDKProvider>
               <GlobalSyncProvider>
                 <Dynamic
@@ -307,6 +306,7 @@ export function AppInterface(props: {
                 </Dynamic>
               </GlobalSyncProvider>
             </GlobalSDKProvider>
+          </QueryProvider>
         </ServerKey>
       </ConnectionGate>
     </ServerProvider>