created a new settings page for the new UI

[L-Tarun-Aditya]

Description

this pr closes #958

Title

Implement Dedicated Settings Page & 2FA

Description

This PR introduces a dedicated Settings Page to centralize account management and improve security. It migrates existing account features from the Dashboard and adds Two-Factor Authentication (2FA) support.

Key Changes:

• New Settings Page: Created a dedicated page for user configuration.
• 2FA Integration: Added components to enable and disable Two-Factor Authentication.
• Feature Migration: Moved the following from the Dashboard to the Settings page:
  • User Info editing
  • Change Password
  • Download Data
• Dashboard Cleanup: Removed account management forms from the main Dashboard view.

Why is this needed?

• Security: Enables 2FA to prevent unauthorized access.
• UX Best Practices: Separates operational data (Dashboard) from account configuration (Settings).
• Maintainability: Consolidates user-related logic into a single location.

What type of PR is this? (Check all applicable)

• 🍕 Feature
• 🐛 Bug Fix
• 📄 Documentation Update
• 👨‍💻 Code Refactor
• 🔥 Performance Improvements
• ✅ Test
• 🛠️ CI/CD

Screenshots (if applicable)

mfa.mp4

Checklist

• I have performed a self-review of my code
• I have commented my code, particularly in hard-to-understand areas
• I have added tests that prove my fix is effective or that my feature works
• New and existing unit tests pass locally with my changes

[Copilot]

Pull request overview

This PR refactors account-related UI by moving profile/security functionality out of the dashboard into a new protected Settings route, and adds MFA flows (2FA setup/disable + MFA sign-in PIN).

Changes:

• Add /settings route with a new UserSettings page (sidebar tabs) and new ProfileInfo + TwoFactorAuth components.
• Add MFA sign-in PIN component and update Sign In to branch into MFA when mfaRequired is returned.
• Update theme/button styling by introducing --white-fixed and adjusting several component CSS modules; remove some dashboard cards and delete Sign In/UserInfo tests.

Reviewed changes

Copilot reviewed 22 out of 23 changed files in this pull request and generated 10 comments.

Show a summary per file

File	Description
packages/ui/src/utils/Constants.js	Reformat dashboard titles; add USER_SETTINGS_TITLE.
packages/ui/src/page/dashboard/Dashboard.jsx	Remove Plan/User Info/Password/Setting cards from dashboard.
packages/ui/src/index.css	Add --white-fixed theme token.
packages/ui/src/components/usersettings/UserSettings.module.css	New Settings page layout/styles.
packages/ui/src/components/usersettings/UserSettings.jsx	New Settings page with sidebar tabs.
packages/ui/src/components/userinfo/UserInfo.module.css	Adjust spacing + ensure primary button text uses --white-fixed.
packages/ui/src/components/twofactorauth/TwoFactorAuth.module.css	New 2FA UI styling.
packages/ui/src/components/twofactorauth/TwoFactorAuth.jsx	New 2FA enable/verify/disable flows using /auth/mfa/* endpoints.
packages/ui/src/components/settings/SettingCard.module.css	Ensure danger button text uses --white-fixed.
packages/ui/src/components/profileinfo/ProfileInfo.module.css	New profile/settings grid card layout styling.
packages/ui/src/components/profileinfo/ProfileInfo.jsx	New page composing UserInfo/ChangePassword/Setting/Plan.
packages/ui/src/components/pin/Pin.module.css	New MFA PIN input styling.
packages/ui/src/components/pin/Pin.jsx	New MFA PIN verification component (/auth/mfa/signin).
packages/ui/src/components/dropdown/UserDropDown.jsx	Add Settings link to dropdown.
packages/ui/src/components/currentplan/CurrentPlan.module.css	Update spacing and button text color variable.
packages/ui/src/components/currentplan/CurrentPlan.jsx	Set Button variant="primary" for upgrade button.
packages/ui/src/components/common/button/Button.module.css	Change disabled styling (remove opacity).
packages/ui/src/components/changepassword/ChangePassword.module.css	Ensure primary button text uses --white-fixed.
packages/ui/src/components/auth/Signin.jsx	Add MFA-required branch and render PIN UI; hide form while in MFA.
packages/ui/src/App.jsx	Add protected /settings route.
packages/ui/tests/components/UserInfo.test.jsx	Delete tests.
packages/ui/tests/components/auth/Signin.test.jsx	Delete tests.
packages/app/utils/constants.js	Formatting cleanup of message constants.

Comments suppressed due to low confidence (1)

packages/ui/src/utils/Constants.js:648

• USER_SETTINGS_TITLE is exported but appears to be unused (no references in packages/ui/src). If it’s not needed, remove it; otherwise, wire it into the settings UI to avoid dead constants drifting out of sync.

export const DASHBOARD_CARDS_TITLE = ["Usage", "Generate New API Key"];
export const USER_SETTINGS_TITLE = [
  "Plan",
  "User Info",
  "Change Password",
  "Setting",
];

---

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

[anujarora0502]

1. Move this to password section and we can remove notifications section for now as it is not required.

2. Please resolve the merge conflicts.

[sonarqubecloud]

Quality Gate passed

Issues
6 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud