User Input Screen - Copy this React, Tailwind Component to your project

Design-a-responsive-and-modern-user-input-screen-using-React-and-Tailwind-CSS-that-allows-users-to-add-the-following-fields:-Length,-Half-Jolo,-Waist,-Hips,-and-Bottom,-with-the-field-names-aligned-on-the-left-and-corresponding-input-boxes-on-the-right-in-a-clean-two-column-layout.-Additionally,-include-a-dropdown-menu,-and-when-a-user-selects-an-option-from-the-dropdown-and-clicks-the-adjacent-"Add"-button,-a-new-input-field-dynamically-appears-below,-similar-in-style-to-the-existing-fields.-Use-Tailwind's-utility-classes-to-create-a-visually-appealing-and-mobile-friendly-UI,-incorporating-subtle-animations-like-fading-in-the-dynamically-added-fields-(transition-and-ease-in-out).-Implement-proper-spacing-and-alignment-for-a-modern-look,-along-with-a-soft-gradient-background-and-smooth-hover-effects-on-buttons.-Focus-on-making-the-layout-intuitive,-responsive,-and-fully-functional-across-all-devices.