Default Component - Copy this React, Tailwind Component to your project

Design a modern and responsive UI form for adding a new device with both dark and light mode support. The form should be inside a smoothly animated modal with a glassmorphism or neo-skeuomorphic theme. It must include three required input fields: 'Device Name' 'Device IP Address' 'Device Port' The 'Save' button should use a primary color with smooth hover and click animations. Use Framer Motion for modal transitions (e.g., fade-in, scale-up) and input field focus effects. Implement a dark/light mode toggle with Tailwind CSS and ensure the design has soft shadows, rounded corners, and subtle hover effects. The modal should open and close with a fluid animation to enhance user experience