fix: add user-friendly error notification for login failures

[vivekyadav-3]

Problem
Currently, when login fails due to network errors or unexpected server issues, users receive no feedback. The error is only logged to the console, leaving users confused about why login isn't working.

Solution
Added a user-friendly toast notification that appears when login fails unexpectedly. This provides clear feedback to users that there's a connection issue and suggests checking their network.

Changes

• Enhanced error handling in useRCAuth.js hook
• Added toast notification using existing dispatchToastMessage utility
• Fixed typo: "A error" → "An error"

Testing

• Build passes successfully
• Uses existing toast infrastructure (no new dependencies)
• Maintains existing error logging for debugging

User Impact
Users will now see: "Unable to connect to server. Please check your connection and try again." instead of being left wondering why login failed.

[Copilot]

Pull request overview

This PR improves the login UX by surfacing a clear, user-friendly error notification when login fails unexpectedly (e.g., network/server issues), instead of only logging to the console.

Changes:

• Corrected the console error message grammar from "A error occurred..." to "An error occurred..." in the useRCAuth hook.
• Added an error toast in the useRCAuth login catch block using the existing dispatchToastMessage utility, with the message: "Unable to connect to server. Please check your connection and try again."
• Kept existing console logging for debugging while ensuring end users receive visible feedback on connection/login issues.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.