Cookie Banner - Copy this React, Tailwind Component to your project

"I'm building a website with three main pages: Notes (note management), Accounts (account and password management), and Expense (expense management). The goal of the website is to help users keep track of important information and securely store account passwords. Below are the specific requirements for each page: Notes Page: Users can create, edit, and delete notes. Notes are stored in a database and can be sorted by creation date or last updated date. Each note has a title and content, and users can mark notes as important. Accounts Page: Users can add, edit, and delete their account information (username and password). Passwords must be encrypted before being sent to the database. A feature to temporarily reveal the password after the user verifies by entering the main password for the website. Support for storing and managing multiple accounts for different services (Google, Facebook, etc.). Expense Page: Users can add, edit, and delete daily expenses. Support for displaying the total amount spent each month and analyzing expenses by category (e.g., food, entertainment). Users can export their expense data to a CSV file. Security Features: All passwords on the 'Accounts' page need to be encrypted using an algorithm like bcrypt before being stored. The website needs to have user authentication (login and registration) to protect personal information. An automatic logout feature after a period of inactivity to ensure security. Can you help me write the code for these pages and the features mentioned?"