feat: Add About Page
Merge Request: Feature/About Page and Global Footer
Description
This Merge Request introduces a new "About" page to the eHRS application and adds a global footer component that will be visible across all application tabs. These changes aim to provide volunteers and users with essential information about the Swecha Medical Camp, the organizations involved, and contact details.
Changes Included
-
Added
AboutPage.tsx: A new page component accessible at/aboutcontaining three sections:- About eHRS Medical Camp
- Organisations involved
- Address
-
Updated Application Routing (
App.tsx): Registered the protected/aboutroute so the page loads securely within the main application layout. -
Enhanced Application Navigation (
AppLayout.tsx):- Added an "About" link to the sidebar navigation menu, located directly below the "Home" link.
- Implemented a unified global footer positioned at the bottom of the layout.
- The footer features a grid layout on desktops to perfectly center the copyright notice (
© 2026 SWECHA. All rights reserved.) while keeping the "About" link right-aligned. The layout maintains its vertically stacked design on mobile devices for optimal viewing.
Related Issues
(Link any related issue numbers here, e.g., Closes #123 (closed))
Screenshots/Video (Optional but recommended)
(Add screenshots showing the new sidebar link, the About page, and the responsive desktop/mobile footer if applicable)
Checklist
-
Code compiles and runs correctly ( npm run dev/npm run build). -
Tested layout responsiveness (desktop and mobile views for the footer). -
Verified sidebar menu navigation and correct highlighting. -
Ensure all routes are protected correctly.