chore: add react-query dev tools and update lock file

package.json

@@ -35,6 +35,7 @@
     "@tabler/core": "1.0.0-beta17",
     "@tabler/icons-react": "^2.11.0",
     "@tanstack/react-query": "^4.27.0",
+    "@tanstack/react-query-devtools": "^4.27.0",
     "@trpc/client": "^10.16.0",
     "@trpc/next": "^10.16.0",
     "@trpc/react-query": "^10.16.0",

public/mockServiceWorker.js

@@ -2,7 +2,7 @@
 /* tslint:disable */
 
 /**
- * Mock Service Worker (1.0.1).
+ * Mock Service Worker (1.1.0).
  * @see https://github.com/mswjs/msw
  * - Please do NOT modify this file.
  * - Please do NOT serve this file on production.

src/pages/_app.tsx

@@ -1,4 +1,5 @@
 import React, { useEffect } from 'react';
+import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
 import type { AppProps } from 'next/app';
 import Head from 'next/head';
 import '../client/styles/global.css';
@@ -46,6 +47,7 @@ function MyApp({ Component, pageProps }: AppProps) {
           <Component {...pageProps} />
         </StatusProvider>
       </ToastProvider>
+      <ReactQueryDevtools />
     </main>
   );
 }