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

Build a personal expense tracker app that tracks and visualizes income and expenses with a clean, user friendly interface, featuring a header with app title and navigation menu, a dashboard with income and expenses summary and interactive pie chart or bar graph displaying spending patterns using Chart.js or D3.js, input forms for adding and categorizing expenses and income with date, amount, category, and optional sub category or notes, a budgeting section to set and monitor financial goals, a transaction history list with filtering and sorting options, and a footer with version number and optional links. Utilize localStorage or the Context API for state management to ensure data persists across sessions, and style the app with CSS for a polished look, including features like data persistence, interactive charts, budgeting, categorization, input validation, responsive design, and a polished UI, with optional additional features like alerts, trends, export data, and multi currency support.