Feature/transaction list and filters

[Aditya-JOSH]

Description

Created a TransactionList component to display all transactions
Implemented filtering by category and date range
Added a search bar for quick transaction filtering
Separated transaction UI into reusable components
Updated backend to support new filtering options
Added required libraries for enhanced functionality
Tested filtering and search features end-to-end

Type of Change

• Bug fix
• New feature
• Breaking change
• Documentation update

Changes Made

API Integration & Services

• Add centralized API service helpers in client/src/services/api.js for budgets, categories, and transactions
• Implement JWT token handling with axios interceptors for auth
• Move API calls to use predeclared services instead of direct axios calls

UI Components

• Rebuild Transactions UI with form, filters, list and summary sections
• Add date range picker with react-date-range library
• Implement search, budget filter, and category filter
• Add transaction summary showing count and total amount

State Management & Data Flow

• Add loading states and error handling
• Implement proper CRUD operations with optimistic updates
• Add client-side filtering logic

Styling

• Add/restore styles for filters and date range picker
• Add transaction summary styles in client/src/App.css

Testing

• Add backend controller specs for transactions, budgets
• Add model specs for Transaction model

Testing

Describe how you tested these changes:

• Unit tests added/updated
• Integration tests pass
• Manual testing performed

Screenshots (if applicable)

Related Issues

Closes #7