[Reliability] Application lacks React error boundary — component errors crash entire app

[anshul23102]

Description

The React app has no error boundary component wrapping the root application. Any error in any component (rendering error, hook failure, lifecycle error) will crash the entire application and display a blank white screen.

Steps to Reproduce

1. Open CommDesk
2. Navigate to a component with a rendering error (e.g., if a component tries to access an undefined object property)
3. Observe that the entire app crashes with no error message

Expected result: Error boundary catches the error, logs it, and shows a fallback UI with a recovery option.

Actual result: Entire app crashes.

Expected Behavior

Implement an error boundary component that catches errors and provides a fallback UI.

Root Cause

No error boundary was implemented at the App root level.

Proposed Fix

Create src/component/ErrorBoundary.tsx and wrap the App component.

Checklist

• I have searched existing issues and confirmed this is not a duplicate
• I have read the Contributing.md guidelines
• I have provided clear steps to reproduce the issue
• I have described expected vs. actual behavior clearly
• This issue title is clear and specific
• This repository has been verified as NSOC on https://www.nsoc.in/projects

@NexGenStudioDev Could you please /assign this issue to me? I would like to implement error boundary under NSOC '26.

/assign