change-access-code-page

[Sallin142]

1. [x] Create the page.tsx component in the app/(manage)/change-access/ directory.
2. [x] Implement the layout and styling for the change access code page.
3. [x] Add input field for the current access code with the specified label and placeholder.
4. [x] Add input field for the new access code with the specified label, placeholder, and validation.
5. [x] Add input field for confirming the new access code with the specified label and placeholder.
6. [x] Add and style the change access code button.
7. [x] Add and implement the back button.
8. [ ] Implement functionality to validate and change the access code.
9. [ ] Test the change access code page for responsiveness and functionality.
10. [ ] Conduct a code review and obtain approval.

[Sallin142]

• [ ] 1. Create the POST /api/change-access-code endpoint.
• [ ] 2. Implement request validation for the change access code API.
• [ ] 3. Integrate the change access code API with the database.
• [ ] 4. Handle response and error scenarios in the API.
• [ ] 5. Write unit tests and integration tests for the change access code API endpoint.
• [ ] 6. Conduct a code review and obtain approval.