Food Order System - Copy this Angular, Css Component to your project

Design a food order management system with a user interface split into two main sections: 1. Item Selection Panel: This section will display a list of food items, categorized by types such as All, Chinese, BBQ, Continental, Beverages, Desserts, Momos, and Pizza. Each food item is displayed using cards that include: Image of the food item. Name of the food item. Price. Status indicator showing if the item is "Available" (green badge) or "Unavailable" (red badge). A category filter at the top of the panel with buttons, allowing users to filter items based on category. Selecting "All" shows every available item. A button beneath each card labeled "Add to Order", allowing users to add available items to the order. Disabled "Add to Order" button if the item is unavailable. In AngularTS + CSS