[HIGH] No ErrorBoundary - unhandled errors crash the entire app

[saidai-bhuvanesh]

🛡️ Resilience: Missing Error Boundary Component

Severity: High
Files: All page components

Problem

No error boundary wraps components. Any unhandled error crashes the entire page.

// No error boundary exists in the codebase
// If API fails, the page just shows white screen

Impact

• Poor user experience when errors occur
• All-or-nothing rendering (no graceful degradation)
• Hard to debug production issues

Fix

Create ErrorBoundary component:

class ErrorBoundary extends React.Component {
  static getDerivedStateFromError(error) {
    return { hasError: true, error };
  }
  
  componentDidCatch(error, info) {
    console.error("Error:", error, info);
  }
  
  render() {
    if (this.state.hasError) {
      return <FallbackUI error={this.state.error} />;
    }
    return this.props.children;
  }
}

Labels: enhancement, ssoc26

[github-actions]

Thank you for raising this issue! We'll look into it as soon as possible. Please ensure that the issue is not a duplicate, and read CONTRIBUTING.md carefully before contributing. Your contributions are highly appreciated! 😊

[saidai-bhuvanesh]

/assign

[MistryVishwa]

@saidai-bhuvanesh Assigned. You can start working on this.