Grocery App - Copy this React, Tailwind Component to your project

Project Description: I want to develop a web based and mobile app that helps families and their nannies manage grocery lists collaboratively. The app will allow family members (e.g., house sponsor, wife) and nannies to add, remove, and update grocery items in real time. The house sponsor will have the ability to purchase missing items directly through the app. The goal is to streamline grocery management, reduce miscommunication, and save time for busy households. Key Features User Roles: House Sponsor (e.g., parent): Can view, edit, and purchase items. Nanny/Wife: Can update the grocery list (add/remove items). Children (optional): Can view the list or request items. Grocery List Management: Add, remove, and update items in real time. Categorize items (e.g., fruits, vegetables, dairy). Set priorities (e.g., urgent, regular). Real Time Sync: Changes made by one user should be instantly visible to all group members. Notifications: Notify the house sponsor when items are running low or marked as urgent. Reminders for regular purchases (e.g., milk every Monday).