fix: APP-877 header missing on project page

[alexander-astrand]

Description

https://regennetwork.atlassian.net/browse/APP-877

---

Author Checklist

All items are required. Please add a note to the item if the item is not applicable and
please add links to any relevant follow up issues.

I have...

• provided a link to the relevant issue or specification
• provided instructions on how to test
• reviewed "Files changed" and left comments if necessary
• confirmed all CI checks have passed

How to test

Reviewers Checklist

All items are required. Please add a note if the item is not applicable and please add
your handle next to the items reviewed if you only reviewed selected items.

I have...

• confirmed all author checklist items have been addressed
• reviewed code correctness and readability
• verified React components follow DRY principles
• reviewed documentation is accurate
• reviewed tests
• manually tested (if applicable)

[netlify]

✅ Deploy Preview for terrasos ready!

Name	Link
🔨 Latest commit	d36f3c5
🔍 Latest deploy log	https://app.netlify.com/projects/terrasos/deploys/697824e36c3f8000082d772f
😎 Deploy Preview	https://deploy-preview-2792--terrasos.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[gemini-code-assist]

Summary of Changes

Hello @alexander-astrand, I'm Gemini Code Assist¹! I'm currently reviewing this pull request and will post my feedback shortly. In the meantime, here's a summary to help you and other reviewers quickly get up to speed!

This pull request integrates the existing ProjectDetails page into the application's React Router system. The primary goal is to standardize the routing for project-specific pages, making them accessible through a consistent React Router path. This change involves defining a new route and updating the ProjectDetails component to correctly handle URL parameters using react-router-dom, thereby streamlining navigation and enhancing the overall routing architecture.

Highlights

• Routing Update: A new route /project/:projectId has been added to the React Router configuration, enabling direct navigation to individual project detail pages.
• Component Integration: The ProjectDetails component is now dynamically loaded and rendered via the newly defined React Router path, ensuring efficient loading.
• Parameter Handling Migration: The ProjectDetails component has been updated to correctly extract the projectId from the URL using react-router-dom's useParams hook, replacing the previous next/navigation implementation and aligning with the new route definition.

Using Gemini Code Assist

The full guide for Gemini Code Assist can be found on our documentation page, here are some quick tips.

Invoking Gemini

You can request assistance from Gemini at any point by creating a comment using either /gemini <command> or @gemini-code-assist <command>. Below is a summary of the supported commands on the current page.

Feature	Command	Description
Code Review	/gemini review	Performs a code review for the current pull request in its current state.
Pull Request Summary	/gemini summary	Provides a summary of the current pull request in its current state.
Comment	@gemini-code-assist	Responds in comments when explicitly tagged, both in pull request comments and review comments.
Help	/gemini help	Displays a list of available commands.

Customization

To customize Gemini Code Assist for GitHub experience, repository maintainers can create a configuration file and/or provide a custom code review style guide (such as PEP-8 for Python) by creating and adding files to a .gemini/ folder in the base of the repository. Detailed instructions can be found here.

Limitations & Feedback

Gemini Code Assist may make mistakes. Please leave feedback on any instances where its feedback is incorrect or counter productive. You can react with 👍 and 👎 on @gemini-code-assist comments. If you're interested in giving your feedback about your experience with Gemini Code Assist for Github and other Google products, sign up here.

You can also get AI-powered code generation, chat, as well as code reviews directly in the IDE at no cost with the Gemini Code Assist IDE Extension.

Footnotes

1. Review the Privacy Notices, Generative AI Prohibited Use Policy, Terms of Service, and learn how to configure Gemini Code Assist in GitHub here. Gemini can make mistakes, so double check it and use code with caution. ↩

[gemini-code-assist]

Code Review

This pull request successfully integrates the project details page into the React Router setup. The changes include lazy-loading the ProjectDetails component, adding the new route, and updating the component to use useParams from react-router-dom. The implementation is correct and aligns with the goal of migrating the page to the new routing system. The code is clean and the changes are logical.

[blushi]

closing in favor of #2796