ci(ts query): added in the debugger for this

frontend/src/routes/__root.tsx

@@ -1,4 +1,5 @@
 import type { QueryClient } from "@tanstack/react-query";
+import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
 import {
 	createRootRouteWithContext,
 	Outlet,
@@ -55,7 +56,13 @@ const RootLayout = () => {
 					</div>
 					<Toaster expand richColors closeButton />
 					{userAccess(null, ["systemAdmin"]) && (
-						<TanStackRouterDevtools position="bottom-right" />
+						<div className="flex flex-row">
+							<TanStackRouterDevtools position="bottom-right" />
+							<ReactQueryDevtools
+								initialIsOpen={false}
+								buttonPosition="bottom-right"
+							/>
+						</div>
 					)}
 				</ThemeProvider>
 			</SessionGuard>