Notes Page - Copy this React, Tailwind Component to your project

Create a professional business themed notes page design with a sleek and modern look. The page should feature a clean, minimalistic layout with well organized sections for adding and editing notes. The header should have a space for the user's name and logo, and the sidebar should include options for different note categories (e.g., 'Work', 'Meetings', 'Ideas'). The main body should have a text area with a subtle background, offering functionality for adding bullet points, tasks, or free form text. The color palette should consist of soft business colors, like shades of blue, gray, and white. The overall design should convey professionalism and efficiency, encouraging users to interact seamlessly.import mongoose from 'mongoose'; const noteSchema = new mongoose.Schema({ title: { type: String, required: true }, content: { type: String, required: true }, createdAt: { type: Date, default: Date.now }, // Note ka creation time updatedAt: { type: Date, default: Date.now }, // Last update ka time userId: { type: mongoose.Schema.Types.ObjectId, ref: 'User', required: true }, // Jo user note create karta hai tags: { type: [String], default: [] }, // Notes ke liye tags isImportant: { type: Boolean, default: false }, // Note ko highlight karne ke liye status: { type: String, enum: ['active', 'archived', 'deleted'], default: 'active' // Note ka current status } }); // Model ko export kar rahe hain export default mongoose.model('Note', noteSchema);