feat(auth): implement secure OAuth 2.0 social sign-in identity provid…

[Stewartsson]

What does this PR do?

This PR implements a comprehensive, highly modern Federated Authentication and Multi-Factor security hardening layer under Issue #2517. It delivers a standalone component (AuthSecurityManager.tsx) that leverages standard Supabase Auth bindings to trigger single-click OAuth 2.0 provider pipelines (GitHub and Google). It also incorporates robust interface workflows for generating, capturing, and verifying TOTP multi-factor token credentials cleanly.

Related issue

Closes #2517

Checklist

• Integrated secure federated identity authentication sign-in strategies for OAuth 2.0
• Created accessible visual workflow states for step-by-step TOTP MFA validation cycles
• Preserved existing @supabase/auth-helpers-nextjs client session handling schemas
• All modified code files explicitly conform to strict POSIX trailing empty row formatting constraints
• ⭐ I have starred this repository!

[github-actions]

GSSoC Label Checklist 🏷️

@Umbrella-io — please apply the appropriate labels before merging:

Difficulty (pick one):

• level:beginner — 20 pts
• level:intermediate — 35 pts
• level:advanced — 55 pts
• level:critical — 80 pts

Quality (optional):

• quality:clean — ×1.2 multiplier
• quality:exceptional — ×1.5 multiplier

Validation (required to score):

• gssoc:approved — counts for points
• gssoc:invalid / gssoc:spam / gssoc:ai-slop — does not score

Type labels (type:*) are auto-detected from files and title. Review and adjust if needed.
Points formula: (difficulty × quality_multiplier) + type_bonus

[Stewartsson]

Hi Mentor! I have successfully completed and opened this advanced account security hardening layer under Issue #2517:

1. Federated Identity Providers: Configured single-click social OAuth 2.0 authentication sign-in button controls for both GitHub and Google strategies utilizing standard Supabase client session handlers.
2. Multi-Factor Authentication Gate: Created an accessible interface setup panel for TOTP MFA enrollment and challenge verification loops leveraging Supabase MFA APIs.
3. Visual UI States: Built step-by-step conditional wrappers with clear try/catch error feedback elements that match the developer-productivity aesthetic of the main dashboard panels.
4. Hygiene Alignment: Confirmed the new file asset strictly terminates with exactly one POSIX trailing empty row layout validation constraint.

The diff profile tracks 1 standalone component with zero conflicts. Ready for final evaluation and merge! 🚀

[Stewartsson]

@Priyanshu-byte-coder Please add the badge like Beginner , intermeadiate, advance