feat: add route-level error page and per-section error boundary

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

src/widgets/SectionFactory/ui/SectionErrorBoundary/SectionErrorBoundary.tsx

@@ -0,0 +1,41 @@
+'use client';
+
+import type { ErrorInfo, ReactNode } from 'react';
+import { Component } from 'react';
+
+type Props = {
+  /**
+   * Section content to render
+   */
+  children: ReactNode;
+};
+
+type State = {
+  /**
+   * Whether an error was caught
+   */
+  hasError: boolean;
+};
+
+/**
+ * Isolates a single section's render errors so a broken section
+ * does not crash the rest of the page.
+ */
+export class SectionErrorBoundary extends Component<Props, State> {
+  state: State = { hasError: false };
+
+  static getDerivedStateFromError(): State {
+    return { hasError: true };
+  }
+
+  override componentDidCatch(error: Error, info: ErrorInfo) {
+    console.error('[SectionErrorBoundary]', error, info.componentStack);
+  }
+
+  override render() {
+    if (this.state.hasError) {
+      return null;
+    }
+    return this.props.children;
+  }
+}

src/widgets/SectionFactory/ui/SectionFactory/SectionFactory.tsx

@@ -5,6 +5,7 @@ import ExperienceSection from '../../../ExperienceSection/ui/ExperienceSection/E
 import IntroSection from '../../../IntroSection/ui/IntroSection/IntroSection';
 import ProjectsSection from '../../../ProjectsSection/ui/ProjectsSection/ProjectsSection';
 import SkillsSection from '../../../SkillsSection/ui/SkillsSection/SkillsSection';
+import { SectionErrorBoundary } from '../SectionErrorBoundary/SectionErrorBoundary';
 
 /**
  * Props for the SectionFactory widget.
@@ -36,5 +37,9 @@ export function SectionFactory({ slug }: SectionFactoryProps) {
     notFound();
   }
 
-  return <Component />;
+  return (
+    <SectionErrorBoundary>
+      <Component />
+    </SectionErrorBoundary>
+  );
 }