refactor: replaced es-toolkit with tanstack-pacer

src/providers/tanstackProvider.tsx

@@ -1,6 +1,8 @@
-import React from 'react'
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
-import { ReactQueryDevtools } from '@tanstack/react-query-devtools'
+import React from 'react';
+import { TanStackDevtools } from '@tanstack/react-devtools';
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import { ReactQueryDevtoolsPanel } from '@tanstack/react-query-devtools';
+import { PacerDevtoolsPanel } from '@tanstack/react-pacer-devtools';
 
 const TanstackProvider = ({children}: {children: React.ReactNode}) => {
     const queryClient = new QueryClient({
@@ -13,10 +15,27 @@ const TanstackProvider = ({children}: {children: React.ReactNode}) => {
             }
         }
     });
+
     return (
         <QueryClientProvider client={queryClient}>
             {children}
-            <ReactQueryDevtools initialIsOpen={false} />
+            <TanStackDevtools
+                eventBusConfig={{
+                    debug: false,
+                }}
+                plugins={[
+                    {
+                        name: 'TanStack Query',
+                        render: <ReactQueryDevtoolsPanel />,
+                        defaultOpen: true
+                    },
+                    {
+                        name: 'TanStack Pacer',
+                        render: <PacerDevtoolsPanel />,
+                        defaultOpen: false
+                    },
+                ]}
+            />
         </QueryClientProvider>
     )
 }