Settings Page Implementation

[akramj13]

Settings Page

This PR introduces updates to the Settings Page in the Next.js application. The changes include UI enhancements, improved state management, and bug fixes to ensure a smoother user experience.

Changes Made

• UI Enhancements:

  • Redesigned the settings layout for better readability.
  • Added Tailwind styling for consistency.
  • Improved responsiveness across devices.

• State Management:

  • Migrated from local state to context API for better scalability.
  • Refactored hooks for better reusability.

• Bug Fixes:

  • Resolved an issue where user preferences were not persisting correctly.
  • Fixed a performance bottleneck causing unnecessary re-renders.

  Improvements:

  • Check the API logic @RohanS2132, for validating users inside the settings page. (Refer to the image)

Resolves #14

[akramj13]

Additions

• Remove Delete Account Button
• Remove Security Settings

[RohanS2132]

Implement Clerk User button onto this page and allow the user to change email, password and stuff on this page (all of this can be done with Clerk documentation). When the user clicks "upgrade", a popup should show up to upgrade not go the main page of pricing.