V L S M Calculator - Copy this React, Tailwind Component to your project

**Create a professional VLSM calculator dashboard with a responsive UI.** The dashboard should include the following features: 1. **User Input**: An input field for the **IP Address**. A section to dynamically add multiple **required host fields** with corresponding **network names**. Buttons for **Clear** and **Calculate** functions. 2. **Output**: Display results in a table format with these columns: Network Name Required Hosts CIDR Maximum Hosts Block Size Network Address First Host Last Host Broadcast Address IP Class Name IP Usage Percentage 3. **Network Diagram**: Generate a **network diagram** based on the calculated VLSM data. Use a visual representation library to show network blocks, addresses, and subnets clearly. 4. **Export Options**: Allow users to export the results as **PDF** or **Excel**. Ensure the file is saved to the user's device upon clicking the export button. 5. **Additional Tools**: Include the following tools in a user friendly grid format: CIDR Calculator IP Address Converter Broadcast Calculator Subnet Calculator Binary Converter 6. **Menu**: Add a menu with these items: About Contact Us Cisco Notes Latest Project Details 7. **Footer**: Include a footer section with relevant information. 8. **History**: Automatically save all calculation history. Clear history when the **Clear** button is pressed. 9. **Responsive Design**: Ensure the UI adapts to various screen sizes (desktop, tablet, mobile).