Fix/error boundary

[hharshhsaini]

Description

Fixes #937

This PR adds a React Error Boundary component to prevent the app from crashing and showing a blank white screen when unhandled JavaScript errors occur.

Changes Made

• Create ErrorBoundary component that catches JavaScript errors in the component tree
• Display user-friendly fallback UI with:
  • Error icon and message
  • Collapsible error details for debugging
  • "Reload Application" button to fully recover
  • "Try Again" button to attempt recovery without reload
• Wrap main App component with ErrorBoundary in main.tsx

Before

Unhandled errors caused the entire app to crash, showing a blank white screen.

After

Errors are caught and a friendly fallback UI is displayed with recovery options.

Testing

To test, trigger an unhandled error (e.g., accessing undefined data):

const brokenData = undefined;
return {brokenData.map(x => x)} // This will be caught by ErrorBoundary

[coderabbitai]

Warning

Rate limit exceeded

@hharshhsaini has exceeded the limit for the number of commits that can be reviewed per hour. Please wait 14 minutes and 1 seconds before requesting another review.

⌛ How to resolve this issue?

After the wait time has elapsed, a review can be triggered using the @coderabbitai review command as a PR comment. Alternatively, push new commits to this PR.

We recommend that you space out your commits to avoid hitting the rate limit.

🚦 How do rate limits work?

CodeRabbit enforces hourly rate limits for each developer per organization.

Our paid plans have higher rate limits than the trial, open-source and free plans. In all cases, we re-allow further reviews after a brief timeout.

Please see our FAQ for further information.

📥 Commits

Reviewing files that changed from the base of the PR and between fe45e2f and 5a64272.

📒 Files selected for processing (13)

• .github/workflows/build-and-release.yml
• .github/workflows/publish-aur.yml
• README.md
• aur/.SRCINFO
• aur/PKGBUILD
• aur/PKGBUILD-git
• aur/README.md
• aur/pictopy.install
• frontend/src-tauri/tauri.conf.json
• frontend/src/components/ErrorBoundary/ErrorBoundary.tsx
• frontend/src/components/ErrorBoundary/index.ts
• frontend/src/main.tsx
• frontend/src/pages/SettingsPage/components/FolderManagementCard.tsx

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}