otp request + otp verify + component toast

src/app/layout.tsx

@@ -5,6 +5,7 @@ import { notFound } from "next/navigation";
 import i18nConfig from "../../i18nConfig";
 import initTranslations from '@/lib/i18n';
 import TranslationsProvider from "@/components/utils/TranslationsProdiver";
+import ToastContainer from "@/components/Toast";
 
 export const metadata: Metadata = {
   title: 'Dashboard',
@@ -49,6 +50,7 @@ export default async function RootLayout({
               {children}
             </div>
           </TranslationsProvider>
+          <ToastContainer />
         </ReactQueryProvider>
       </body>
     </html >