212 project page

[mehanana]

ℹ️ Issue

Closes #212

📝 Description

Created a page for a single project

Briefly list the changes made to the code:

1. Created the project page using the figma design
2. Extracted the expenses table from the expenses page into its own component
3. Used the ExpenseTable component in the expenses page and the project page
4. Connected the project page to the backend/db to retrieve data for it
5. Made a change in the projects members route to match both /projects/{id}/members and /{id}/members to handle dev server path prefix stripping
6. In apps/frontned/next.config.ts, replaced the catch-all /projects/:path* rule with ones for /members, /expenditures, and /donors sub-routes so that /projects/:id renders the page instead of the backend
7. Wrote tests for the new projects page and also checked if all other tests passed

✔️ Verification

What steps did you take to verify your changes work? These should be clear enough for someone to be able to clone the branch and follow the steps themselves.

Provide screenshots of any new components, styling changes, or pages.

Project page (newly implemented):

Expense Page (to show it still looks good):

All frontend tests (including new ones made for Project page):

Backend tests for projects endpoint:

🏕️ (Optional) Future Work / Notes

Did you notice anything ugly during the course of this ticket? Any bugs, design challenges, or unexpected behavior? Write it down so we can clean it up in a future ticket!
I saw that the expenses page had the backend connected to it, and so I did that for this project page as well. But I saw that the donors and donations pages weren't connected yet, and I'm not sure if there's already a ticket for this but just wanted to bring that up!

[nourshoreibah]

Great work! Thanks for abstracting the expenses table

[tsudhakar87]

looks great!