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

"Develop-a-complete-financial-management-system-using-Next.js-and-Bolt.-The-system-should-feature-a-modern-and-intuitive-interface-with-the-following-core-functionalities:-Financial-Dashboard:-A-control-panel-displaying-revenue-and-expense-charts,-current-balance,-and-trend-analysis.-Account-Registration:-Allow-users-to-add-bank-accounts-and-other-balance-sources,-with-an-initial-balance-and-description.-Each-account-should-be-viewable-and-editable.-Transaction-Recording:-A-function-to-log-and-categorize-financial-transactions.-Each-transaction-should-include-fields-for-date,-amount,-type-(income-or-expense),-category,-and-description.-Financial-Reports:-A-module-to-view-detailed-reports-with-filters-for-period,-categories,-and-transaction-types.-Display-data-in-tables,-bar-charts,-and-pie-charts.-Budgets-and-Goals:-Set-monthly-goals-for-specific-categories-(e.g.,-food,-leisure,-transportation).-Alert-users-when-spending-nears-or-exceeds-the-goal.-User-and-Permissions-Management:-Configure-different-user-profiles-(e.g.,-admin,-viewer)-and-access-permissions,-allowing-multiple-users-to-use-the-system.-Security-and-Authentication:-Set-up-authentication-with-Bolt-so-users-can-securely-sign-up-and-log-in-with-email-or-social-networks.-Responsive-Design:-The-interface-should-be-fully-responsive,-adapting-to-different-screen-sizes,-including-mobile-devices.-The-system-should-be-implemented-in-Next.js-and-use-Bolt-for-authentication-and-data-management.-Use-NextAuth-for-authentication-with-Bolt,-and-Tailwind-CSS-to-design-an-attractive-interface.-Implement-the-database-using-Bolt-to-securely-store-transaction-and-user-data.-Focus-on-performance-optimization,-especially-for-dashboard-rendering-and-reports."