Expense Tracker - Copy this React, Tailwind Component to your project

Create a expense tracker app where user can upload his expense csv or excel file and view their spending summary in a dashboard.The first page should include a file upload section, spending summary dashboard, and navigation menu.Functional modules include a file upload section with drag and drop, spending summary with charts, and a navigation menu for quick access.The first page will have a file upload section allowing users to drag and drop their expense files, a dashboard showing spending summaries with charts, and a navigation menu for navigation.The spending summary dashboard will display charts for a visual representation of expenses by categories, trends, and totals.The navigation menu will include links to the main dashboard, detailed reports, and user settings. The file upload section supports CSV and Excel formats.On the first page of the expense tracker app, ensure a seamless user experience with a clear, intuitive design.Include clear instructions and error messages for failed uploads or incorrect file formats.Ensure responsive design for both desktop and mobile devices. Provide quick loading times and a user friendly interface.The file upload section should prominently feature a drag and drop area supported by CSV and Excel file formats, showing clear upload status indicators.The spending summary dashboard should provide interactive charts displaying expense distribution by categories, monthly trends, and overall totals.The navigation menu should offer intuitive icons for ease of access. Include detailed reports and user settings for advanced tracking.The page will have a responsive design, offering a seamless user experience across devices, with clear, intuitive instructions.