feat(organizations): add queryclientprovider to basic layout TASK-1324 (

#5322)

### 📣 Summary
Add QueryClientProvider to BasicLayout so react-query is accessible for
TOS and invalidated password views.

### 👀 Preview steps
1. Set up an MMO member account that has not accepted required TOS
agreement
2. Login.
3. On main, an error will be thrown by react-query
4. On this branch, no error will be thrown.

jsapp/js/router/basicLayout.component.tsx

@@ -6,6 +6,8 @@ import MainHeaderLogo from 'js/components/header/mainHeaderLogo.component';
 import AccountMenu from 'js/components/header/accountMenu';
 import {Tracking} from './useTracking';
 import ToasterConfig from '../toasterConfig';
+import { QueryClientProvider } from '@tanstack/react-query';
+import { queryClient } from '../query/queryClient';
 
 interface BasicLayoutProps {
   children: React.ReactNode;
@@ -18,7 +20,7 @@ interface BasicLayoutProps {
 export default function BasicLayout(props: BasicLayoutProps) {
   return (
     <DocumentTitle title='KoboToolbox'>
-      <>
+      <QueryClientProvider client={queryClient}>
         <Tracking />
         <ToasterConfig />
         <div className='header-stretch-bg' />
@@ -33,7 +35,7 @@ export default function BasicLayout(props: BasicLayoutProps) {
             {props.children}
           </bem.PageWrapper__content>
         </bem.PageWrapper>
-      </>
+        </QueryClientProvider>
     </DocumentTitle>
   );
 }