fix: wrap app in global ErrorBoundary to prevent blank-screen crash (#7872) - Added src/components/ErrorBoundary.tsx - Wrapped <Component /> in _app.tsx with <ErrorBoundary> - Prevents complete UI loss on runtime errors - Logs error in console, shows friendly message to users Closes #7872

Author: Shiv10122003

src/pages/_app.tsx

@@ -1,6 +1,7 @@
 /*
  * Copyright (c) Facebook, Inc. and its affiliates.
  */
+import { ErrorBoundary } from '../components/ErrorBoundary';
 
 import {useEffect} from 'react';
 import {AppProps} from 'next/app';
@@ -54,5 +55,7 @@ export default function MyApp({Component, pageProps}: AppProps) {
     };
   }, [router.events]);
 
-  return <Component {...pageProps} />;
+  return <ErrorBoundary>
+    <Component {...pageProps} />
+  </ErrorBoundary>;
 }