feat: implement volunteer profile page with responsive layout and edit functionality (!55) · Merge requests · HealthTech / Medical Camp / eHRS-Frontend

Greeshma Kanukunta requested to merge feature/user-profile-pages into profiles-of-all-users Feb 07, 2026

What does this MR do and why?

This merge request introduces a dedicated Volunteer Profile Page implemented using a modular and scalable component architecture to support future enhancements and maintain long-term code quality.

The interface is designed with a clean, modern, and fully responsive card-based layout, ensuring optimal readability and usability across mobile, tablet, and desktop devices.

Key highlights of this implementation include:

Integrated structured sections to display volunteer personal information such as name, email, phone number, address, date of birth, and gender.
Added engagement-related data including assigned activities, participation history, upcoming events, and volunteer status to provide a comprehensive profile view.
Implemented Edit Profile functionality, enabling volunteers to securely update their details through controlled forms with proper input validation and interactive success/error feedback.
Improved user experience by introducing a profile avatar with fallback initials, loading indicators, and graceful empty states to handle scenarios with missing data.
Enforced role-based access control, ensuring that only authenticated volunteers can access and modify their profile information.
Maintained clean, reusable, and performance-optimized code while adhering to frontend best practices to reduce unnecessary re-renders and improve maintainability.

Overall, this enhancement strengthens the application's user experience while aligning the frontend with scalable development standards.