M Q T T Component - Copy this React, Tailwind Component to your project

Create an interface to connect to an MQTT broker with a sidebar that includes a dashboard, device and mesage section. In the device section, users can add MQTT brokers (with the MQTT link and port (port must be a number)). Within each broker card, users can add topics. The broker information (including the topics) will be displayed on the dashboard section. The data will be displayed in mesage section. The announcement of connection will be displayed like a pop up (red: error, green: suscess)