Searchbar

IMPORTANT NOTE: The "Create Button" will disappear in another feature!

As a user

I want to be able to search for activities,

so that I can find a specific plant without scrolling through the entire plant list.

[ ] Create feature branch feature/searchbar
[ ] Create a searchbar component and place it at the top of the homepage.
[ ] Accept a value and an onChange handler as props.
[ ] Implement filtering logic to display only plants that match the search term.
[ ] Use the onChange event to capture user input in real-time.
[ ] Implement state management (e.g., with useState) to update the plant list dynamically as the user types.
[ ] Ensure the search functionality is case-insensitive to improve user experience.
[ ] Add a conditional message: if no plants match the search term, display a message (e.g., "No plants match your search query.").