Styled Table Cell - Copy this React, Mui Component to your project

Generate a React component using Ant Design for managing consumables. The page should have a button that triggers a modal form for adding consumables. The table should display existing consumables in a clean and professional manner, and the form should have fields for Name, Serial Number, Consumable Item, Size, Frequency, and Quantity. Ensure the form has validation for required fields and uses Ant Design's Form, Input, Select, and Modal components.