another step constructing base project

client/src/app/[locale]/layout.tsx

@@ -1,9 +1,12 @@
 import type { ReactNode } from 'react';
 import { setRequestLocale, getMessages } from 'next-intl/server';
 import { NextIntlClientProvider } from 'next-intl';
+import { SnackbarProvider } from 'notistack';
 import { getThemeMode } from '@/lib/cookies/server';
 import { AppStoreProvider } from '@/store';
 import { ThemeProvider, getDirection } from '@/theme';
+import { ToastBridge } from '@/lib/toast';
+import { QueryProvider } from '@/lib/query/QueryProvider';
 import { routing } from '@/i18n/routing';
 
 /*
@@ -42,7 +45,12 @@ export default async function LocaleLayout({
     <NextIntlClientProvider locale={safeLocale} messages={messages}>
       <AppStoreProvider>
         <ThemeProvider dir={dir} defaultMode={defaultMode}>
-          {children}
+          <QueryProvider>
+            <SnackbarProvider maxSnack={3} anchorOrigin={{ vertical: 'bottom', horizontal: 'center' }}>
+              <ToastBridge />
+              {children}
+            </SnackbarProvider>
+          </QueryProvider>
         </ThemeProvider>
       </AppStoreProvider>
     </NextIntlClientProvider>