Notes Data - Copy this React, Mui Component to your project
Create a MUI dashboard component for a Notes Dashboard page. The component should feature a responsive grid layout with note cards. Each note card must include a title, description, tags (e.g., Weekly, Monthly, Product, Business), author name, profile picture, and date/time of creation or last update. The dashboard should allow sorting by date, title, or tags, and have filtering options for displaying notes based on selected tags or categories. Include a search bar to quickly find specific notes. Add a prominently positioned button to create new notes, and include edit and delete options for each note. Use MUI's theming capabilities for a modern, clean design, ensuring consistency in color scheme, spacing, and font styles. Utilize MUI components such as Card, Grid, Button, IconButton, Avatar, Chip, TextField, and Typography. Ensure the dashboard is accessible with appropriate ARIA labels and keyboard navigation support, maintaining sufficient color contrast for readability.
