feat: add user profile settings page

[mijinummi]

Overview

This PR implements issue #375 [FE-09] Build the user profile settings page.
It introduces a new settings page where authenticated users can view and update their personal information, manage notification preferences, and change their password.

---

Changes Introduced

• Created frontend/cmmty/pages/settings/ directory with the following files:
  • index.tsx → Entry point for the settings page
  • SettingsForm.tsx → Handles editing of full name
  • NotificationToggles.tsx → Provides toggles for risk alerts, verification emails, and weekly digest
  • ChangePassword.tsx → Allows users to update their password
• Added responsive layout and basic styling in frontend/cmmty/styles/settings.css
• Implemented success/error feedback using alerts (can be swapped with toast library like react-toastify)

---

Acceptance Criteria ✅

• Profile settings page created in frontend/cmmty/pages/settings/
• Full name editable
• Notification preference toggles (risk alerts, verification emails, weekly digest)
• Change Password section
• Success/error feedback on save
• Mobile responsive layout
• All files scoped to frontend/cmmty/ only

---

Screenshots

(Add screenshots of desktop and mobile views here once tested)

---

How to Test

1. Navigate to /settings route in the app.
2. Update full name → click Save → confirm success/error feedback.
3. Toggle notification preferences → click Save Preferences → confirm persistence.
4. Change password → enter old/new password → click Update Password → confirm success/error feedback.
5. Test responsiveness on mobile viewport.

---

Contribution Notes

• All work is scoped strictly to frontend/cmmty/.
• No files outside this folder were modified.
• Branch: feat/profile-settings-page

---

Next Steps

• Replace alert() with a toast notification library for production polish.
• Integrate with backend API endpoints for persistence.
• Add form validation (e.g., react-hook-form).

---

Checklist Before Merge

• Code reviewed
• Tests passed locally
• Screenshots attached
• Backend integration confirmed

Closes #375

[vercel]

@mijinummi is attempting to deploy a commit to the Mftee's projects Team on Vercel.

A member of the Team first needs to authorize it.

[drips-wave]

@mijinummi Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits