[feat] Query Project Information from the Database to the Project Modal

[itsliterallymonique]

This week, you will be adding the data in our database to the project modal! What you will need to do is:

1. Create a function that will query the database for a specific project_id a. Create a query file (.tsx) inside api >> supabase >> queries b. Query all the information
2. Change your project modal to only collect a project_id prop (also change this in the home page!)
3. Add the queried information for a specific project to the modal you made last week. For now, set the project_id temporarily to 1. You will need to display the following properties: a. Project Name b. Developer c. Renewable Energy Category d. Size (watts) e. Project Status f. Additional Information

Some tips:

• Take a look at useEffects to see how to query data when the page renders!
• For some reference, Deena's sprint from last week used useEffects
• For some help on how to make queries, check out shanti’s repo: https://github.com/calblueprint/shanti-project/blob/main/src/api/supabase/queries/pickup_queries.ts
• Schema help: https://github.com/calblueprint/shanti-project/blob/main/src/schema/schema.ts
• You can check Deena’s query from her sprint for how to begin (just note the query will not be the same)
• For some inspiration, you can check the shanti storefront (such as the individual item component): https://github.com/calblueprint/shanti-project/tree/main/src/app/storefront

PR Reviewers: Deena (@deenasun) and Monique (@itsliterallymonique)