Grievance Dashboard - Copy this React, Tailwind Component to your project

Create a dashboard page for a student grievance system titled "Hostellers Grievance System Dashboard." The layout should be clean and user friendly, focusing solely on the dashboard content without a navbar or footer. Key Features to Include: Header: Title: "Dashboard" Subtitle: "Welcome to the Hostellers Grievance System" Grievance Categories Section: Display a grid or list layout showing different grievance categories. Each category should have: An icon representing the category (e.g., accommodation, food, facilities, safety, etc.) Category name (e.g., "Accommodation Issues," "Food Quality," "Safety Concerns") A brief description of what issues can be reported under this category. A button labeled "Raise a Grievance" that directs users to the grievance submission form. Recent Grievances Section: Title: "Recent Grievances" A list or table format displaying the most recent grievances submitted by users. Each entry should include: Grievance title Status (e.g., "Pending," "Resolved") Date submitted A button or link for users to view more details about the grievance. Statistics Section: Title: "Statistics" A card layout displaying key statistics, such as: Total grievances submitted Grievances resolved Grievances pending Use visually appealing icons or progress bars for better comprehension. Quick Links Section: Title: "Quick Links" A set of buttons linking to useful resources, such as: FAQ Contact Support Policy Guidelines Visual Style: Use a modern and responsive design with a color scheme that is suitable for a student environment (e.g., soft blues, greens, or other calming colors). Ensure the layout is mobile friendly, adapting to different screen sizes seamlessly. Implement hover effects on buttons and cards to enhance user interaction. Functionality: Ensure that the dashboard is interactive, allowing users to navigate smoothly between sections. Use tooltips or modals for additional information where necessary.