Leave Balance Management - Copy this Angular, Css Component to your project

"Create and design an Angular component to manage leave balancing for a list of employees and managers. The component should include the following features: Leave Balancing Overview Table Display key information for each employee/manager, including: Name of the employee/manager. Leave balances categorized by types: SICK, ANNUAL, and CASUAL. Add Leave Balancing Provide a form to add leave balances for a specific employee/manager. Include input fields for: Employee/Manager Name. Number of days for each leave type (SICK, ANNUAL, CASUAL). Edit Leave Balancing Allow modification of existing leave balances (days of holidays) for any employee/manager. Include validation to ensure accurate updates to leave balances. User Friendly Design Implement a clean, responsive table for displaying leave data. Use modals or a side drawer for adding/editing leave balances to maintain focus on the main list. Search and Filter Functionality Add a search bar to find employees/managers by name. Provide filtering options to view specific types of leave balances. Ensure the component is interactive, visually appealing, and easy to use, focusing on functionality and clarity."