Member Profile Layout Revamp

Community & Support: [LinkedIn Group](https://www.linkedin.com/groups/14656108/) · [Slack #project-nest](https://owasp.slack.com/archives/project-nest)

Active project leaders: Arkadii Yakovets -- [GitHub](https://github.com/arkid15r/) · [LinkedIn](https://www.linkedin.com/in/arkid15r/) · [Slack](https://owasp.slack.com/team/U060W3NKLTF); Kate Golovanova -- [GitHub](https://github.com/kasya/) · [LinkedIn](https://www.linkedin.com/in/kate-golovanova/) · [Slack](https://owasp.slack.com/team/U07PWB1JZ6Z)

[Contributing](https://github.com/owasp/nest/blob/main/CONTRIBUTING.md) · [Code of Conduct](https://github.com/owasp/nest/blob/main/CODE_OF_CONDUCT.md) · [GSoC Mentors](https://github.com/owasp/nest/blob/main/MENTORS.md)

---
**Describe the feature request**
The current member profile layout at `/members/[username]` could be improved to better highlight a member’s contributions, repositories, and activity in a more structured and modern way. Inspired by GitHub’s profile page layout, the proposed revamp reorganizes the information hierarchy to improve readability, usability, and visual balance.

**Affected route**
`/members/[username]`

**Proposed improvement**
Update the member profile page layout to follow a structure similar to GitHub’s profile pages. The redesign focuses on presenting key user information at the top, followed by contribution activity and organized sections for repositories and project activity.

**Key changes in the proposed design**

* Move the **profile header and contribution activity graph** to the top for better visibility.
* Organize **User Details** and **Statistics** into clearly separated cards.
* Improve layout hierarchy for **Recent Issues, Milestones, Pull Requests, and Releases**.
* Place **Repositories** in a dedicated section with repository cards and statistics.
* Improve spacing, alignment, and responsiveness to make the interface cleaner and easier to scan.

**Expected outcome**
A redesigned member profile page that improves user experience, makes contribution data easier to understand, and provides a cleaner layout inspired by modern developer platforms.

**Are you going to work on fixing this?**

* [x] Yes
* [ ] No

**Screenshots**

**Before (Current UI):**

**After (Proposed UI):**

**Additional context**
The redesign is inspired by GitHub’s profile layout and aims to provide a familiar interface for developers while keeping consistency with the OWASP Nest design system.

Figma prototype of the proposed design:
[Figma Prototype](https://www.figma.com/proto/lygJmkrfr1TJ2vz5wAXjQ6/OWASP-Nest-Member-Profile-Layout-Revamp?page-id=0%3A1&node-id=1-2&p=f&viewport=68%2C60%2C0.26&t=9KVzDPZR46gcakOv-1&scaling=min-zoom&content-scaling=fixed)