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

Create a sleek and modern note taking application using React, focusing on a minimalist design that prioritizes user experience. The main page should feature a header displaying the app title, "My Notes," along with a button to create new notes. Below the header, implement a scrollable list that showcases all existing notes, each with an editable title and a brief content preview. Each note should include icons for editing and deleting. When a user clicks to create or edit a note, a modal or side panel should appear, containing fields for the title and content, along with Save and Cancel buttons. The UI should utilize plenty of white space, soft background colors, and contrasting button colors to enhance usability. Add interactivity with hover effects on buttons and notes. Ensure that users can save notes to local storage and perform CRUD operations seamlessly, providing an intuitive experience that allows for efficient note management.