[feat] view plants: created PlantCard component

[SashankBalusu]

What's new in this PR 🧑‍🌾

Description

The main changes were adding the plant card component and supabase function call (the function that is called in this file is also viewable on supabase)

• the styling for the plant card components is still rough as the design is changing + moving to styled components will be a later sprint task, so the important stuff is mainly the html

Screenshots

Rough styling --still need to add icons, etc

How to review

• for supabase functions, the order is probably to look at the supabase function in the actually database and then the syntax here.
• for plant card component again the styling will be changed, but would appreciate feedback on the html structure

Next steps

• styling as mentioned a couple times before

Relevant links

Online sources

https://stackoverflow.com/questions/55688418/what-is-a-non-setof-function-in-postgresql

Related PRs

CC: @ccatherinetan

[ccatherinetan]

Looking great so far! Would it be possible to create an instance of this component in the app/view-plants directory to test it out?
Also make sure to run npm run lint and npm run prettier:fix before you push to pass the styling checks!

[ccatherinetan]

thanks so much for starting the initial styling! can we migrate these styles to Styled Components?
see kevin's pr for reference on using Styled Components!
Styled components doc: https://styled-components.com/
Here's a styles.tsx file reference from IJP: https://github.com/calblueprint/immigration-justice-project/blob/main/src/components/ListingDetails/styles.ts

[kylezryr]

The text goes outside of the div depending on the browser zoom, maybe consider setting an 'overflow' attribute? or setting a fixed font size for the text since it currently changes depending on the zoom

[kylezryr]

This would probably change anyways when you switch to styled components but style class names should use Pascal Case (e.g. CardContent) instead of Camel Case (but this is a small thing lol)

[ccatherinetan]

great work! i think the final changes are

1. Removing the src/directory.
2. Fixing the way we're passing props for PlantCard (see my comment; we prob don't want to use the spread operator)
3. Try to actually test your get_plant_by_id query to display a PlantCard in view-plants
   Kyle left some great comments about the styling; if you have time that would be great to look at, but we're prioritizing backend functionality first. So if you could address these 3 things, we can merge it in!