logging, error boundry

components/layout.tsx

@@ -10,6 +10,7 @@ import Body from 'next/document'
 import { ToastContainer } from 'react-toastify';
 import 'react-toastify/dist/ReactToastify.css';
 import { set } from "date-fns"
+import ErrorBoundary from "./ErrorBoundary";
 
 export default function Layout({ children }) {
   const router = useRouter();
@@ -61,7 +62,9 @@ export default function Layout({ children }) {
           <Sidebar isSidebarOpen={isSidebarOpen} toggleSidebar={toggleSidebar} />
           <main className={`flex-1 transition-all duration-300 ${marginLeftClass}`}>
             <div className="">
-              {children}
+              <ErrorBoundary>
+                {children}
+              </ErrorBoundary>
             </div>
             <div id="modal-root"></div>  {/* Modal container */}
           </main>