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?

• I checked and didn't find similar issue

🏢 Have you read the Contributing Guidelines?

• I have read the Contributing Guidelines

Are you willing to work on this issue ?

Yes I am willing to submit a PR!