This commit addresses TypeScript errors in TransactionEditDialog.tsx by:
- Modifying the useTransactionEdit hook to return the form and handleDelete properties.
- Adjusting the arguments passed to the useTransactionEdit hook to match the expected parameters.
- Ensuring the onSubmit prop in TransactionEditForm expects the correct type.
The `useBudget` hook was being called outside of the `BudgetProvider` context in the `Index` component. This commit ensures that the `Index` component and its children are wrapped with the `BudgetProvider` in `App.tsx` to resolve the error.
Adds a payment method selection (Credit Card, Cash) to the expense form and includes a line separator. Also requests to add a graph showing the proportion of credit card and cash usage in expense analytics, but this part is not implemented in this commit.
The TransactionEditDialog component was refactored into smaller, more manageable components to improve code organization and maintainability. The functionality remains the same.
