Expense Management System

The expenseList component serves as the main container for displaying a list of expense entries. It includes the following features:

New Expense Form:

A button labeled "Create New Expense" allows users to initiate the creation of a new expense entry. Clicking the button reveals a form with input fields for expense type, amount, and status, enabling users to add a new expense to the list.

Expense Filter Options:

The component includes a section with filter options to enable users to sort and search for specific expense entries based on criteria like expense type, or status.

Expense Entries:

The component displays a list of expense entries, each showing key details such as expense type, amount, and status. Each expense entry includes a "Delete" button to allow users to remove a specific expense from the list. Automatic Refresh:

After a new expense is successfully created or an expense is deleted, the list automatically refreshes to reflect the latest changes.