fix: remove nested toast container (#409)

frontend/app/[team]/layout.tsx

@@ -8,8 +8,6 @@ import clsx from 'clsx'
 import { usePathname, useRouter } from 'next/navigation'
 import { useContext, useEffect } from 'react'
 import UnlockKeyringDialog from '@/components/auth/UnlockKeyringDialog'
-import { ToastContainer } from 'react-toastify'
-import { ThemeContext } from '@/contexts/themeContext'
 
 export default function RootLayout({
   children,
@@ -21,8 +19,6 @@ export default function RootLayout({
   const { activeOrganisation, setActiveOrganisation, organisations, loading } =
     useContext(organisationContext)
 
-  const { theme } = useContext(ThemeContext)
-
   const router = useRouter()
 
   useEffect(() => {
@@ -64,20 +60,6 @@ export default function RootLayout({
           {children}
         </div>
       </div>
-      <ToastContainer
-        position="bottom-right"
-        autoClose={4000}
-        hideProgressBar={false}
-        newestOnTop={false}
-        closeOnClick
-        rtl={false}
-        pauseOnFocusLoss
-        draggable
-        pauseOnHover
-        theme={theme === 'dark' ? 'dark' : 'light'}
-        stacked
-        bodyClassName="text-xs"
-      />
     </div>
   )
 }