Add back button to project detail page

[pratyushjha06]

Pull Requests Review Criteria

Caution

PRs that fail to meet these review standards will be automatically flagged and may be rejected by maintainers.

• Filled out this PR template properly
• Did not commit directly to main
• Limited commits (max 3–4 unless permitted by Admin/Mentors)
• Added comments in complex parts of code

Closes: #1369

Describe the add-ons or changes you've made 📃

Added a back button to the project detail page to allow users to navigate back to the previous page.

Changes made:

• Imported useNavigate hook from react-router-dom and ArrowBackIcon from Material-UI icons
• Added navigate hook inside the Project component
• Created a back button in the header section next to the project title
• Used navigate(-1) to go back to previous page in browser history
• Button uses outlined variant to match the existing design system

Location of changes:

• File: client/src/modules/code/Project.tsx
• Section: Header section where project title is displayed

This solves the issue where users had no way to exit the project page without using browser controls.

Screenshots 📷

Note to reviewers (Optional) 📄

[vercel]

@pratyushjha06 is attempting to deploy a commit to the avdheshvarshney's projects Team on Vercel.

A member of the Team first needs to authorize it.

[github-actions]

Thank you for submitting your pull request! We'll review it as soon as possible. For further communication, join our discord server https://discord.gg/tSqtvHUJzE.

[Avdhesh-Varshney]

@pratyushjha06 Use header shareable component and pass back arrow button in leftSideChildren

[Avdhesh-Varshney]

@pratyushjha06 Any update on reqd changes?

[pratyushjha06]

@Avdhesh-Varshney Done Pls Check

[Avdhesh-Varshney]

Instead of button, use A2ZIconButton

[Avdhesh-Varshney]

@pratyushjha06 Please update it accordingly

And you don't need to add custom styling in case of A2ZIconButton.

[pratyushjha06]

done @Avdhesh-Varshney

[Avdhesh-Varshney]

@pratyushjha06 Do 1 more thing before commit, run this command to format the whole repo code

npm run format

[pratyushjha06]

@pratyushjha06 Do 1 more thing before commit, run this command to format the whole repo code

npm run format

@Avdhesh-Varshney I tried running npm run format but prettier is not installed. Could you please let me know which formatting command to use, or should I push the changes?

[Avdhesh-Varshney]

@pratyushjha06 Sorry for delayed response.
Prettier will not install, but it automatically format if you install all dependencies of root (/) folder (NOT /client folder).

Push your changes, if formatting still not works. I'll do

[pratyushjha06]

@pratyushjha06 Sorry for delayed response. Prettier will not install, but it automatically format if you install all dependencies of root (/) folder (NOT /client folder).

Push your changes, if formatting still not works. I'll do

Check it

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
code-a2z	Ready	Preview, Comment	Feb 1, 2026 5:34pm

[Avdhesh-Varshney]

LGTM! PR Approved 🎉