Implement Monthly-checking Feature for Mentees, Mentors and Admins

[mayura-andrew]

Purpose

The purpose of this PR is to fix #198 by introducing a comprehensive monthly check-in feature for mentees, mentors, and admins.

Goals

• Mentees: Allow mentees to submit their monthly progress, view mentor feedback, and see the history of their submissions.
• Mentors: Enable mentors to view their mentees' submissions, provide feedback, and track the history of check-ins.
• Admins: Provide admins with the ability to oversee the progress of all mentees, ensuring that mentors are providing timely feedback and that mentees are completing their check-ins.

Approach

• Implemented a submission form UI for mentees to submit their monthly progress.
• Created a view for mentors to see the submitted check-ins and provide feedback.
• Developed an admin dashboard to monitor the progress of all mentees.
• Integrated the feedback form into the mentor dashboard.
• Integrated the check-in status view into the mentee dashboard.
• Integrated the admin dashboard view to oversee the check-in process.
• Added necessary hooks and schemas for form validation and submission.

Screenshots

New Mentor Dashboard

New Mentee Monthly-checking UI

Mentee Monthly-checking Form Modal

View New Submissions UI

Mentor Feedback UI

History of Submission UI (Mentee Side)

Checklist

• This PR doesn't commit any keys, passwords, tokens, usernames, or other secrets.
• I have read and understood the development best practices guidelines ( http://bit.ly/sef-best-practices )
• My code follows the style guidelines of this project
• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas
• I have made corresponding changes to the documentation

Related PRs

Test environment

NodeJS: 20.15.0
FireFox: 129.0

Learning

• Researched best practices for form validation using react-hook-form and zod.
• Reviewed UI/UX patterns for feedback forms and admin dashboards.