Feat/39 password setting page implementation

[codeBigInt]

Description

Develop a clean and functional Password Settings page within the User Dashboard. This page allows users to update their account password, enhancing account security and user control.

Acceptance Criteria The Password Settings page is implemented according to the provided design. The page is responsive and displays correctly across various devices and browsers. Password update functionality works as expected. Requirements Page heading: "Password Settings" Subheading: "Update password for enhanced account security" Current Password field (with mask/unmask toggle) New Password field (with mask/unmask toggle) Confirm New Password field (with mask/unmask toggle) "Cancel" button "Update Password" button Appropriate error handling and success messages

Tasks Develop the Password Settings page based on the provided design and requirements. Implement a responsive layout that works well across different devices and browsers. Create password input fields with mask/unmask functionality. Implement client-side validation for password requirements. Develop server-side logic for password update. Implement error handling and success messages. Ensure proper security measures (e.g., HTTPS, CSRF protection) are in place. Add appropriate accessibility features (ARIA labels, keyboard navigation). Implement analytics tracking for password update events (if applicable). Timeframe

**Closes #issue_number_here** #39 # Changes proposed ## What were you told to do? Develop a clean and functional Password Settings page within the User Dashboard. This page allows users to update their account password, enhancing account security and user control.

What did you do?

I implemented the following Page heading: "Password Settings" Subheading: "Update password for enhanced account security" Current Password field (with mask/unmask toggle) New Password field (with mask/unmask toggle) Confirm New Password field (with mask/unmask toggle) "Cancel" button "Update Password" button Appropriate error handling and success messages

Check List (Check all the applicable boxes)

🚨Please review the contribution guideline for this repository.

• [x] My code follows the code style of this project.
• [x] This PR does not contain plagiarized content.
• [x] The title and description of the PR is clear and explains the approach.
• [x] I am making a pull request against the dev branch (left side).
• [x] My commit messages styles matches our requested structure.
• [x] My code additions will fail neither code linting checks nor unit test.
• [x] I am only making changes to files I was requested to.

Screenshots/Videos