create catalog

src/App.tsx

@@ -5,6 +5,8 @@ import MainRouter from './router/MainRouter'
 import i18next from 'i18next'
 import FaJson from '@/langs/fa.json'
 import { I18nextProvider } from 'react-i18next'
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
+import ToastContainer from './components/Toast'
 
 i18next.init({
   interpolation: { escapeValue: false },
@@ -16,11 +18,16 @@ i18next.init({
   }
 })
 
+const queryClient = new QueryClient()
+
 const App: FC = () => {
   return (
     <BrowserRouter>
       <I18nextProvider i18n={i18next}>
-        <MainRouter />
+        <QueryClientProvider client={queryClient}>
+          <MainRouter />
+          <ToastContainer />
+        </QueryClientProvider>
       </I18nextProvider>
     </BrowserRouter>
   )