E R P System V.1.5 - Copy this React, Tailwind Component to your project

Please **modify only the "Ventas" menu** to add the following functionality. Do not alter any other menus, data, or functionalities in the code. Ensure the requested changes are implemented exclusively in the "Ventas" menu. --- Requested Modifications for "Ventas" Menu: **Registro de Ventas**: 1. **Sale Registration Fields**: - Add a dropdown menu or input field to **select a product** from the current inventory. - Include a numeric input field for specifying the **quantity** of the selected product. - Automatically calculate and display the **total venta** (total sale amount) based on the product price and quantity entered. 2. **Finalizar Venta Button**: - Add a button labeled **"Finalizar Venta"**. - When clicked: - Validate the input fields (e.g., ensure sufficient stock is available for the selected product). - Display a confirmation view or modal with **sale details**, including: - **Product Name** (Producto). - **Quantity Sold** (Cantidad). - **Total Sale Amount** (Total Venta). 3. **Sale Completion**: - After finalizing the sale: - Deduct the sold quantity from the inventory's stock. - Save the sale details (product, quantity, and total) in a **"Ventas Realizadas" (Completed Sales)** table displayed in the same menu. --- Important Notes: - Ensure that the functionality integrates seamlessly within the existing **Ventas** menu structure. - Do not modify or remove any pre-existing menus, structures, or features. - Maintain input validation to prevent errors during sales registration (e.g., selling more than available stock).