Health Tracking App - Copy this React, Tailwind Component to your project

Your task is to build a Health Tracking App where users (patients) can log and track their daily health metrics like body temperature, blood pressure, and heart rate. The app should allow users to add new entries, view their history, and edit or delete past entries. The interface should be clean and intuitive, with a focus on efficient UI/UX design for easy data input and viewing. Requirements: Frontend (React): Health Metrics Dashboard: Create a dashboard that lists all recorded health metrics, displaying: Date of the record. Body temperature. Blood pressure. Heart rate. Options to Edit or Delete each entry. Add Health Record Form: Implement a form to add new health records. The form should include: Date. Body temperature (in Celsius or Fahrenheit). Blood pressure (systolic/diastolic). Heart rate (beats per minute). A "Submit" button to add the new record. Health Record Detail Page: Clicking on a record should open a new page/modal showing the detailed metrics with options to Edit or Delete the record. Search Functionality: Allow users to search for records based on the date or filter by health metrics (e.g., heart rate above a certain threshold). Autosearch should be implement.