[BUG] Add React error boundaries to prevent full app crashes

[sarthakNITT]

Describe the bug.

The application does not use any React error boundaries. If any component throws a runtime error, the entire page crashes instead of showing a fallback UI.

Expected behavior

Errors should be caught by an error boundary so the app displays a friendly fallback message instead of crashing.

Screenshots

.

How to Reproduce

1. Temporarily throw an error inside any component (e.g., throw new Error("test")).
2. Load the page.
3. The entire app breaks instead of showing a fallback UI.

🖥️ Device Information [optional]

• Operating System (OS):
• Browser:
• Browser Version:

👀 Have you checked for similar open issues?

• [x] I checked and didn't find similar issue

🏢 Have you read the Contributing Guidelines?

• [x] I have read the Contributing Guidelines

Are you willing to work on this issue ?

Yes I am willing to submit a PR!

[subham-cd]

Hi sir, I'd like to work on this issue. If it's not already taken, please assign it to me. Thankyou

[Dsp023]

Hi, I’d like to work on this issue. Please assign it to me. Thanks!