Add Support to log in with X (formerly Twitter)

[whiteyhat]

Description

Implement functionality to allow users to authenticate with their X (formerly Twitter) account. This will provide seamless integration and simplify the login process for users who prefer using their X credentials.

---

Acceptance Criteria

• A button or link on the login/signup page labeled “Sign in with X.”
• Integration with X API for OAuth 2.0 authentication.
• Secure token handling for authentication and session management.
• Error handling for cases such as denied permissions or API unavailability.
• Appropriate feedback to users during the authentication process (e.g., loading indicators, success messages, error alerts).

---

Technical Details

• API Documentation: Refer to X Developer Portal for OAuth 2.0 implementation.
• Libraries/Dependencies: Consider using passport-twitter or other OAuth libraries compatible with your tech stack.
• Backend: Ensure proper storage and encryption of tokens (if needed).
• Frontend: Add a responsive and accessible “Sign in with X” button with an X-branded icon.
• Security Considerations: Follow OAuth best practices to avoid vulnerabilities (e.g., CSRF attacks, token leakage).

---

Tasks

1. Research X API and register the application to obtain API keys.
2. Create OAuth routes on the backend for initiating and handling X authentication.
3. Implement a frontend button to trigger the authentication process.
4. Test the authentication flow for success and error scenarios.
5. Write documentation for developers and users on how to use the feature.